\n )}\n {CheckIntegrationSetting(IntegrationElement.HideTopBar, integrationContext.mode) && (\n \n \n \n )}\n {emulatedUser && emulatedUser !== '' && exitEmulationUrl && exitEmulationUrl !== '' && (\n \n )}\n {CheckIntegrationSetting(IntegrationElement.HideControlPanel, integrationContext.mode) && (\n \n )}\n \n );\n}\n\nSitemapProvider.propTypes = {\n /**\n Emulated user name\n * */\n emulatedUser: PropTypes.string\n};\n\nSitemapProvider.defaultProps = {\n emulatedUser: ''\n};\n\nexport default SitemapProvider;\n","import i18n from 'i18next';\nimport Backend from 'i18next-chained-backend';\nimport Http from 'i18next-http-backend';\nimport LocalforageBackend from 'i18next-localforage-backend'; // primary use cache\nimport localforage from 'localforage';\nimport { initReactI18next } from 'react-i18next';\nimport BackendAdapter from 'i18next-multiload-backend-adapter';\nimport authService from '../authentication/AuthorizeService';\nimport config from './Config';\nimport getLogger from '../utils/logger';\n\nauthService\n .getUser()\n .then((user) => {\n if (user) {\n i18n\n // load translation using http -> see /public/locales\n // learn more: https://github.com/i18next/i18next-http-backend\n // pass the i18n instance to react-i18next.\n .use(Backend)\n .use(initReactI18next) // passes i18n down to react-i18next\n // init i18next\n // for all options read: https://www.i18next.com/overview/configuration-options\n .init({\n fallbackLng: 'en-US',\n debug: false,\n ns: [\n 'TRANSLATIONS_RCORE_TOPNAV',\n 'TRANSLATIONS_RCORE_TOPNAV_SEARCH',\n 'TRANSLATIONS_RCORE_COMMON'\n ],\n defaultNS: 'TRANSLATIONS_RCORE_TOPNAV',\n lng: user && user.profile && user.profile.culture, // this needs to change as per user locale so the translations are saved in indexeddb with proper key for e.g. en-US_TRANSLATIONS_PORTAL\n // interpolation: {\n // escapeValue: false, // not needed for react as it escapes by default\n // },\n backend: {\n backends: [\n LocalforageBackend, // primary\n new BackendAdapter(null, {\n backend: new Http(null, {\n // // loadPath: \"http://ayjain11in.amr.smtf.ds/services/api/i18n/react?keys={{ns}}\",\n loadPath: `${config.domain}services/api/i18n/react?ns={{ns}}`,\n customHeaders: {\n Authorization: `Bearer ${user && user.access_token}`\n },\n allowMultiLoading: false\n })\n })\n ],\n backendOptions: [\n {\n // set expiration to 1 day\n expirationTime: 1 * 24 * 60 * 60 * 1000,\n\n /**\n * Localforage specific options\n */\n // database name (prefix is using localStorage as storage driver)\n name: 'ST',\n\n // The driver(s) to use, if multiple are provided, the first available is used\n driver: [localforage.INDEXEDDB, localforage.WEBSQL, localforage.LOCALSTORAGE],\n\n // when using IndexedDb is the dataStore name, when using WebSQL is the table name\n storeName: 'rcore',\n\n // description of the database, for developer usage\n description: ''\n },\n {}\n ]\n },\n react: {\n useSuspense: true\n }\n });\n }\n return null;\n })\n .catch((error) => {\n getLogger().error('Error in fetching translations', error);\n });\n","import { useEffect } from 'react';\nimport { useHistory, useLocation } from 'react-router';\nimport _ from 'lodash-es';\nimport useHeaderContext from './common/hooks/useHeaderContext';\nimport useUserContext from './common/hooks/useUserContext';\nimport useSettingsContext from './common/hooks/useSettingsContext';\nimport useBreadcrumbContext from './common/hooks/useBreadcrumbContext';\nimport { getIdbItem } from './utils/clientStorage';\nimport trackNavigationHistory from './modules/core/services/navigationService';\n\nfunction RouteChangeListener() {\n const location = useLocation();\n const headerData = useHeaderContext();\n const { setHeaderContext } = headerData;\n const { user } = useUserContext();\n const history = useHistory();\n const { dispatch } = useBreadcrumbContext();\n const { settingsData } = useSettingsContext();\n let sitemapBreadcrumbData;\n\n const getBreadCrumbsForUrl = (routeUrl) => {\n let path = routeUrl;\n if (_.endsWith(path, '/')) path = path.slice(0, path.length - 1);\n const data = sitemapBreadcrumbData.find((item) => item.routeUrl === path);\n if (!data) {\n const partialPath = path.slice(0, path.lastIndexOf('/'));\n if (!_.isEmpty(partialPath) && partialPath !== '/') {\n return getBreadCrumbsForUrl(partialPath);\n }\n }\n return data;\n };\n\n const updateBreadcrumbData = async (pathname) => {\n let routeUrl = pathname.replace('#', '');\n if (_.startsWith(routeUrl, '/c/')) {\n dispatch({\n type: 'CLEAR_BREADCRUMBS'\n });\n } else {\n sitemapBreadcrumbData = await getIdbItem('RCoreBreadCrumbData');\n if (sitemapBreadcrumbData != null && sitemapBreadcrumbData.length > 0) {\n if (routeUrl.indexOf('?') > -1) routeUrl = routeUrl.substring(0, routeUrl.indexOf('?'));\n const breadcrumbObj = getBreadCrumbsForUrl(routeUrl);\n if (breadcrumbObj)\n dispatch({\n type: 'POPULATE_BREADCRUMBS',\n data: {\n ...breadcrumbObj,\n isRcoreNode: true\n }\n });\n }\n }\n };\n // Track navigation history for rcore routes that are part of sitemap.\n const updateNavigationHistory = async (pathname) => {\n let routeUrl = pathname.replace('#', '');\n if (_.startsWith(routeUrl, '/c/')) return null;\n const captureNavigationHistory =\n settingsData && settingsData.settings\n ? settingsData.settings.filter((setting) => setting.key === 'CAPTURE_NAVIGATION_HISTORY')[0]\n ?.value\n : 'False';\n if (\n captureNavigationHistory !== null &&\n captureNavigationHistory.toLowerCase() === 'true' &&\n sitemapBreadcrumbData != null &&\n sitemapBreadcrumbData.length > 0\n ) {\n if (routeUrl.indexOf('?') > -1) routeUrl = routeUrl.substring(0, routeUrl.indexOf('?'));\n if (_.endsWith(routeUrl, '/')) routeUrl = routeUrl.slice(0, routeUrl.length - 1);\n const breadcrumbObj = sitemapBreadcrumbData.find((item) => item.routeUrl === routeUrl);\n if (breadcrumbObj) {\n const breadcrumbList = breadcrumbObj.breadcrumbData;\n const destinationValue = breadcrumbList[breadcrumbList.length - 1].nodeKey;\n const destinationUrl = breadcrumbList[breadcrumbList.length - 1].url;\n trackNavigationHistory('SiteMap', destinationValue, destinationUrl);\n }\n }\n };\n\n useEffect(() => {\n const pathname = location.pathname.toLowerCase();\n // Populate all the public routes which should skip permission check\n const publicRoutes = new Set(['/accessdenied']);\n\n const evaluatePermissions = (route) => {\n let path = route;\n\n if (user.accessibleRcoreRoutes.has(path)) {\n return true;\n }\n\n // check for accessing new dashboards\n if (user.accessibleRcoreRoutes.size !== 0 && path.startsWith('/dashboard/')) return false;\n\n const routeIndex = _.findIndex(user.securedRoutes, (r) => {\n return r === path;\n });\n\n if (routeIndex > -1) {\n return false;\n }\n if (_.endsWith(path, '/')) {\n path = path.slice(0, path.length - 1);\n }\n\n const partialPath = path.slice(0, path.lastIndexOf('/'));\n\n if (!_.isEmpty(partialPath) && partialPath !== '/') {\n return evaluatePermissions(partialPath);\n }\n return true;\n };\n\n /* Skip the checks in case of -\n * Public route - accessdenied\n * Base route - '/'\n * Invalid routes - 'rcore/usersecurity'\n * Core routes - '/c/'\n * Auth routes - '/authentication/'\n * User not having any accessible routes as the system would redirect the user to home page\n */\n\n const ignoreRouteCheck =\n publicRoutes.has(pathname) ||\n pathname === '/' ||\n _.startsWith(pathname, '/c/') ||\n _.startsWith(pathname, '/authentication') ||\n !user ||\n !user.accessibleRcoreRoutes;\n\n const allowAccess = ignoreRouteCheck ? true : evaluatePermissions(pathname);\n\n // Updating the headercontext resetSearchValues to true when there is change in location path\n setHeaderContext((state) => ({\n ...state,\n resetSearchValues: true\n }));\n\n if (!allowAccess) {\n history.push('/accessDenied');\n }\n }, [location.pathname, setHeaderContext, user, history]);\n\n useEffect(() => {\n (async () => {\n const pathname = location.pathname.toLowerCase();\n await updateBreadcrumbData(pathname);\n updateNavigationHistory(pathname);\n setTimeout(() => {\n const contentElement = document.getElementsByClassName('MuiBreadcrumbs-li')[0];\n if (contentElement !== undefined) {\n contentElement.firstChild.setAttribute('tabindex', '0');\n contentElement.firstChild.focus();\n }\n }, 500);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location.pathname]);\n\n return null;\n}\nexport default RouteChangeListener;\n","import { useMatomo } from '@datapunt/matomo-tracker-react';\nimport { useEffect } from 'react';\nimport { useLocation } from 'react-router';\nimport { setLocalStorageItem, getLocalStorageItem } from '../utils/clientStorage';\n\nconst Tracker = () => {\n const location = useLocation();\n const { trackPageView, pushInstruction } = useMatomo();\n useEffect(() => {\n if (location.search.includes('relyingParty') || location.pathname.indexOf('/c/') > -1) {\n return;\n }\n const NewVisitID = getLocalStorageItem('NewVisitID');\n const visitID = getLocalStorageItem('visitID');\n if (\n typeof visitID !== 'undefined' &&\n (typeof visitID === 'undefined' || (typeof visitID !== 'undefined' && visitID !== NewVisitID))\n ) {\n pushInstruction('appendToTrackingUrl', 'send_image=0&new_visit=1');\n } else {\n pushInstruction('appendToTrackingUrl', 'send_image=0');\n }\n\n trackPageView();\n if (\n typeof visitID !== 'undefined' &&\n (typeof visitID === 'undefined' || (typeof visitID !== 'undefined' && visitID !== NewVisitID))\n )\n setLocalStorageItem('visitID', NewVisitID);\n }, [location.pathname, location.search, trackPageView, pushInstruction]);\n return null;\n};\nexport default Tracker;\n","/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport { PageLoader } from '@sumtotal/react-foundation';\nimport PropTypes from 'prop-types';\nimport authService from './AuthorizeService';\nimport { ApplicationPaths, QueryParameterNames } from './AuthorizationConstants';\nimport { toggleVisibility, postMessage } from '../modules/core/services/coreIFrameHelper';\n\nexport default class AuthorizeRoute extends Component {\n constructor(props) {\n super(props);\n this.state = {\n ready: false,\n authenticated: false\n };\n }\n\n async componentDidMount() {\n this.subscription = authService.subscribe(() => this.authenticationChanged());\n await this.populateAuthenticationState();\n }\n\n componentWillUnmount() {\n authService.unsubscribe(this.subscription);\n }\n\n async authenticationChanged() {\n this.setState({ ready: false, authenticated: false });\n await this.populateAuthenticationState();\n }\n\n async populateAuthenticationState() {\n const authenticated = await authService.isAuthenticated();\n this.setState({ ready: true, authenticated });\n }\n\n render() {\n const { ready, authenticated } = this.state;\n const link = document.createElement('a');\n const { path } = this.props;\n const { location } = window;\n const returnUrl = `${location.protocol}//${location.host}${location.pathname}${location.search}${location.hash}`;\n link.href = path;\n const redirectUrl = `${ApplicationPaths.Login}?${\n QueryParameterNames.ReturnUrl\n }=${encodeURIComponent(returnUrl)}`;\n if (!ready) {\n return ;\n }\n const { component: RouteComponent, ...rest } = this.props;\n return (\n {\n if (authenticated) {\n // If navigating to rcore route then hide the iframe\n if (location.pathname.toLowerCase() === '/rcore/c') {\n // Rerouting the /c to /c/\n location.assign('/rcore/c/');\n return;\n }\n if (rest.path !== '/' && rest.path !== '/c') {\n postMessage('CLOSE_CURRENT_SLIDEOUT');\n toggleVisibility(false);\n return (\n
\n \n
\n );\n }\n return ;\n }\n return ;\n }}\n />\n );\n }\n}\n\nAuthorizeRoute.propTypes = {\n path: PropTypes.string.isRequired,\n component: PropTypes.shape({}).isRequired\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { PageLoader } from '@sumtotal/react-foundation';\nimport authService, { AuthenticationResultStatus } from './AuthorizeService';\nimport { LoginActions, QueryParameterNames } from './AuthorizationConstants';\n\nconst LoginContainer = styled.div`\n text-align: center;\n`;\n\nexport default class Login extends Component {\n constructor(props) {\n super(props);\n this.state = { message: undefined };\n }\n\n componentDidMount() {\n const { action } = this.props;\n switch (action) {\n case LoginActions.Login:\n this.login(this.getReturnUrl());\n break;\n case LoginActions.LoginCallback:\n this.processLoginCallback();\n break;\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n }\n\n getReturnUrl = (state) => {\n const params = new URLSearchParams(window.location.search);\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\n // This is an extra check to prevent open redirects.\n throw new Error(\n 'Invalid return url. The return url needs to have the same origin as the current page.'\n );\n }\n return (state && state.returnUrl) || fromQuery || `${window.location.origin}/`;\n };\n\n redirectToApiAuthorizationPath = (apiAuthorizationPath) => {\n const redirectUrl = `${window.location.origin}${apiAuthorizationPath}`;\n // It's important that we do a replace here so that when the user hits the back arrow on the\n // browser he gets sent back to where it was on the app instead of to an endpoint on this\n // component.\n window.location.replace(redirectUrl);\n };\n\n navigateToReturnUrl = (returnUrl) => {\n // It's important that we do a replace here so that we remove the callback uri with the\n // fragment containing the tokens from the browser history.\n window.location.replace(returnUrl);\n };\n\n async login(returnUrl) {\n const state = { returnUrl };\n const result = await authService.signIn(state);\n switch (result.status) {\n case AuthenticationResultStatus.Redirect:\n break;\n case AuthenticationResultStatus.Success:\n await this.navigateToReturnUrl(returnUrl);\n break;\n case AuthenticationResultStatus.Fail:\n this.setState({ message: result.message });\n break;\n default:\n throw new Error(`Invalid status result '${result.status}'`);\n }\n }\n\n async processLoginCallback() {\n const url = window.location.href;\n const result = await authService.completeSignIn(url);\n\n switch (result.status) {\n case AuthenticationResultStatus.Redirect:\n throw new Error('Should not redirect.');\n case AuthenticationResultStatus.Success:\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\n break;\n case AuthenticationResultStatus.Fail:\n this.setState({ message: result.message });\n break;\n default:\n throw new Error(`Invalid authentication result status '${result.status}'.`);\n }\n }\n\n render() {\n const { action } = this.props;\n const { message } = this.state;\n\n if (message) {\n return {message};\n }\n switch (action) {\n case LoginActions.Login:\n return ;\n case LoginActions.LoginCallback:\n return ;\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n }\n}\n\nLogin.propTypes = {\n action: PropTypes.string.isRequired\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport authService, { AuthenticationResultStatus } from './AuthorizeService';\n\nimport { LogoutActions } from './AuthorizationConstants';\n\n// The main responsibility of this component is to handle the user's logout process.\n// This is the starting point for the logout process, which is usually initiated when a\n// user clicks on the logout button on the LoginMenu component.\nexport default class Logout extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n message: undefined,\n isReady: false\n };\n }\n\n componentDidMount() {\n const { action } = this.props;\n switch (action) {\n case LogoutActions.Logout:\n this.logout();\n break;\n case LogoutActions.LoggedOut:\n this.setState({ isReady: true, message: 'You successfully logged out!' });\n break;\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n }\n\n async logout() {\n const isauthenticated = await authService.isAuthenticated();\n if (isauthenticated) {\n const result = await authService.signOut();\n switch (result.status) {\n case AuthenticationResultStatus.Redirect:\n break;\n case AuthenticationResultStatus.Fail:\n this.setState({ message: result.message });\n break;\n default:\n throw new Error('Invalid authentication result status.');\n }\n } else {\n this.setState({ message: 'You successfully logged out!' });\n }\n }\n\n render() {\n const { isReady, message } = this.state;\n if (!isReady) {\n return ;\n }\n if (message) {\n return