/
;\r\n }\r\n return\r\n Loading\r\n \r\n \r\n
\r\n );\r\n \r\n const gridContent = document && document.querySelector(`#${this.props.target}`);\r\n return gridContent ? ReactDOM.createPortal(loadingPanel, gridContent) : loadingPanel;\r\n }\r\n }\r\n\r\n export default LoadingPanel;","export const MIN_TABLE_SIZE = 10;\r\nexport const MAX_TABLE_SIZE = 20;\r\nexport const MAX_ROWS_TO_REQUEST = 100;\r\nexport const MIN_ROWS_TO_REQUEST = 50;\r\n\r\nexport const AUTOCOMPLETE_ROWS_TO_REQUEST = 7;\r\n\r\nexport const TIME_TO_DELAY_AFTER_TABLE_RESIZE = 100;\r\nexport const ON_INPUT_CHANGE_REQUEST_DELAY_TIME = 900;\r\n\r\nexport const DETAILS_PAGE_CACHE_SIZE = 70;\r\n\r\nconst host = window.location.origin;\r\n\r\nexport const CALConfig = {\r\n \"autoSignIn\": false,\r\n \"popupForLogin\": false,\r\n \"instance\": \"https://login.microsoftonline.com/\",\r\n \"tenantId\": \"fd799da1-bfc1-4234-a91c-72b3a1cb9e26\",\r\n \"clientId\": \"dae9af25-ed16-4c06-94c6-ede9a4c88619\",\r\n \"redirectUri\": host,\r\n \"oidcScopes\": [\"openid\", \"profile\", \"email\", \"offline_access\"],\r\n \"graphScopes\": [\"User.Read\", \"Directory.Read.All\"]\r\n}\r\n\r\nexport const CALConfigAutoSign = {\r\n \"autoSignIn\": true,\r\n \"popupForLogin\": false,\r\n \"instance\": \"https://login.microsoftonline.com/\",\r\n \"tenantId\": \"fd799da1-bfc1-4234-a91c-72b3a1cb9e26\",\r\n \"clientId\": \"dae9af25-ed16-4c06-94c6-ede9a4c88619\",\r\n \"redirectUri\": host,\r\n \"oidcScopes\": [\"openid\", \"profile\", \"email\", \"offline_access\"],\r\n \"graphScopes\": [\"User.Read\", \"Directory.Read.All\"]\r\n}\r\n","import React from 'react';\r\nimport { tryAdvancedSearchLink,notFound } from '../../LocalizationMessages';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\n\r\n\r\nconst linkPath = '/advanced-search';\r\nclass NotFoundHelperLink extends React.Component {\r\n onLinkClick = (event) => {\r\n event.preventDefault();\r\n this.props.changeUrl(linkPath, '');\r\n }\r\n\r\n render() {\r\n let hideLink = window.location.pathname === linkPath;\r\n const localizationService = this.context.localization;\r\n let notFoundText = localizationService.toLanguageString(notFound, '');\r\n let linkText = localizationService.toLanguageString(tryAdvancedSearchLink, '');\r\n return (\r\n
)\r\n }\r\n}\r\n registerForLocalization(NotFoundHelperLink);\r\n export default NotFoundHelperLink;","import { UserAgentApplication, Logger, LogLevel } from \"msal\";\r\n\r\nexport const GRAPH_AUTH_PARAMS = {\r\n scopes: [\r\n \"openid\",\r\n \"profile\",\r\n \"User.Read\",\r\n \"offline_access\",\r\n \"email\",\r\n \"Directory.Read.All\"\r\n ],\r\n prompt: 'select_account'\r\n\r\n};\r\n\r\nconst host = window.location.origin;\r\n\r\nconst isProdEnv = (host === \"https://peoplesearch-prod.tengizchevroil.com\") ||\r\n (host === \"https://whitepages.tengizchevroil.com\") ||\r\n (host === \"https://peoplesearch-prod-cvx.azurewebsites.net\") ||\r\n (host === \"https://peoplesearch-stage.tengizchevroil.com\") ||\r\n (host === \"https://whitepages-stage.tengizchevroil.com\") ||\r\n (host === \"https://peoplesearch-stage-cvx.azurewebsites.net\");\r\n\r\nconst testAccomodationGroup = \"TWP-Test-AccomodationMembers\";\r\nconst prodAccomodationGroup = \"TWP-Prod-AccomodationMembers\";\r\n\r\nexport const ACCOMMODATION_GROUP = isProdEnv ? prodAccomodationGroup : testAccomodationGroup;\r\n\r\nconst WP_TEST_DEV_SCOPE = [\"https://whitepages-test.tengizchevroil.com/user_impersonation\"];\r\nconst WP_PROD_SCOPE = [\"https://whitepages-prod.tengizchevroil.com/user_impersonation\"];\r\n\r\nexport const WP_AUTH_PARAMS = {\r\n scopes: isProdEnv ? WP_PROD_SCOPE : WP_TEST_DEV_SCOPE,\r\n prompt: 'select_account'\r\n};\r\n\r\nconst AUTHORITY = \"https://login.microsoftonline.com/fd799da1-bfc1-4234-a91c-72b3a1cb9e26\";\r\n\r\nconst PROD_APP_ID = \"327423a8-e973-4290-938a-d3cb07a95995\";\r\nconst TEST_DEV_APP_ID = \"dae9af25-ed16-4c06-94c6-ede9a4c88619\";\r\nconst CLIENT_ID = isProdEnv ? PROD_APP_ID : TEST_DEV_APP_ID;\r\n\r\nexport const msalInstance = new UserAgentApplication({\r\n auth: {\r\n authority: AUTHORITY,\r\n clientId: CLIENT_ID,\r\n validateAuthority: true,\r\n tokenRefreshUri: host + \"/auth.html\"\r\n },\r\n cache: {\r\n cacheLocation: \"localStorage\",\r\n storeAuthStateInCookie: true\r\n },\r\n system: {\r\n navigateFrameWait: 500,\r\n logger: new Logger((logLevel, message) => {\r\n console.log(message);\r\n },\r\n {\r\n level: LogLevel.Verbose,\r\n piiLoggingEnabled: true\r\n }),\r\n telemetry: {\r\n applicationName: \"tco-white-pages\",\r\n applicationVersion: \"1.3.0\",\r\n telemetryEmitter: (events) => {\r\n console.log('Telemetry Events:', events);\r\n }\r\n }\r\n }\r\n});\r\n\r\nexport const requiresInteraction = errorMessage => {\r\n if (!errorMessage || !errorMessage.length) {\r\n return false;\r\n }\r\n\r\n return (\r\n errorMessage.indexOf(\"consent_required\") > -1 ||\r\n errorMessage.indexOf(\"interaction_required\") > -1 ||\r\n errorMessage.indexOf(\"login_required\") > -1\r\n );\r\n};\r\n\r\nexport const isIE = () => {\r\n const ua = window.navigator.userAgent;\r\n const msie = ua.indexOf(\"MSIE \") > -1;\r\n const msie11 = ua.indexOf(\"Trident/\") > -1;\r\n\r\n // If you as a developer are testing using Edge InPrivate mode, please add \"isEdge\" to the if check\r\n // const isEdge = ua.indexOf(\"Edge/\") > -1;\r\n\r\n return msie || msie11;\r\n};","import {\r\n msalInstance,\r\n requiresInteraction,\r\n GRAPH_AUTH_PARAMS,\r\n WP_AUTH_PARAMS,\r\n ACCOMMODATION_GROUP\r\n} from \"./auth-utils\";\r\n\r\nclass AuthPorvider {\r\n account = null;\r\n error = null;\r\n emailMessages = null;\r\n graphProfile = null;\r\n initialized = false;\r\n hasAccommodationRole = false;\r\n constructor() {\r\n this.initialize();\r\n this.gettingAuthToken = false;\r\n this.hasAccommodationRole = this.isInAccommodationGroup(this.getAccount());\r\n }\r\n\r\n isInAccommodationGroup(token) {\r\n let claims = (token || {}).idTokenClaims;\r\n if(!claims){\r\n return false;\r\n }\r\n\r\n let roles = claims.roles;\r\n if(roles && roles.length > 0){\r\n return roles.includes(ACCOMMODATION_GROUP);\r\n }\r\n return false;\r\n }\r\n\r\n showAccomodation() {\r\n return this.hasAccommodationRole;\r\n }\r\n \r\n async acquireTokenWP()\r\n {\r\n let token = await this.acquireToken(WP_AUTH_PARAMS);\r\n this.hasAccommodationRole = this.isInAccommodationGroup(token);\r\n const jkuHeaderValue = token.idTokenClaims?.jku;\r\n const jkuWhitelist = [\r\n 'https://whitepages-test.tengizchevroil.com/user_impersonation',\r\n 'https://whitepages-prod.tengizchevroil.com/user_impersonation'\r\n ];\r\n \r\n if (jkuHeaderValue !== undefined && !jkuWhitelist.includes(jkuHeaderValue)) {\r\n throw new Error('Invalid JKU URL');\r\n }\r\n return token\r\n }\r\n\r\n async acquireToken(tokenRequest) {\r\n if(!this.isUserSignedIn()){\r\n this.onSignIn();\r\n return;\r\n }\r\n\r\n if (this.gettingAuthToken) {\r\n var __this = this;\r\n await new Promise(resolve => {\r\n (function checkAsyncLogin() {\r\n if (!__this.gettingAuthToken) {\r\n resolve();\r\n } else {\r\n window.setTimeout(checkAsyncLogin, 500);\r\n }\r\n })();\r\n });\r\n }\r\n\r\n this.gettingAuthToken = true;\r\n\r\n try {\r\n return await this.acquireTokenInner(tokenRequest,0); \r\n } finally {\r\n this.gettingAuthToken = false;\r\n }\r\n }\r\n\r\n async acquireTokenInner(tokenRequest, retryCount){\r\n\r\n try {\r\n return await msalInstance.acquireTokenSilent(tokenRequest);\r\n }\r\n catch (err) {\r\n if (requiresInteraction(err.errorCode) || err.name === \"InteractionRequiredAuthError\") {\r\n try {\r\n msalInstance.acquireTokenRedirect(tokenRequest);\r\n }\r\n catch (err2) {\r\n if (retryCount < 3) {\r\n return await this.acquireTokenInner(tokenRequest,retryCount + 1);\r\n }\r\n else {\r\n console.error(\"There is an error getting the token through interaction\", err2);\r\n this.onSignIn();\r\n return null;\r\n }\r\n }\r\n }\r\n else {\r\n if (retryCount < 3) {\r\n console.error(\"Non-interaction error; on retry [\" + retryCount + \"]\", err);\r\n return await this.acquireTokenInner(tokenRequest,retryCount + 1);\r\n }\r\n else {\r\n console.error(\"There is a non-interaction-related error - too many retries \", err);\r\n this.onSignIn();\r\n return null;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n\r\n onSignIn() {\r\n return msalInstance.loginRedirect(\r\n GRAPH_AUTH_PARAMS\r\n );\r\n }\r\n\r\n onSignOut() {\r\n msalInstance.logout();\r\n }\r\n\r\n getAccount() {\r\n return msalInstance.getAccount();\r\n }\r\n\r\n isUserSignedIn(){\r\n try\r\n {\r\n let account = this.getAccount();\r\n let isCallback = msalInstance.isCallback(window.location.hash)\r\n return (account != null)\r\n &&\r\n (!isCallback);\r\n }\r\n catch (error)\r\n {\r\n console.log(error);\r\n // setState works as long as navigateToLoginRequestUrl: false\r\n this.error = error;\r\n console.log(`Error checking account to see if logged in: ${error}`);\r\n return false;\r\n }\r\n }\r\n\r\n async initialize() {\r\n if(this.initialized){\r\n return;\r\n }\r\n msalInstance.handleRedirectCallback(\r\n error => {\r\n if (error) {\r\n // setState works as long as navigateToLoginRequestUrl: false\r\n this.error = error;\r\n }\r\n }\r\n );\r\n\r\n const account = msalInstance.getAccount();\r\n if (account == null) {\r\n this.onSignIn();\r\n }\r\n\r\n this.account = account;\r\n await this.acquireTokenWP();\r\n this.initialized = true;\r\n }\r\n\r\n async fetchGraphProfile() {\r\n const tokenResponse = await this.acquireToken(GRAPH_AUTH_PARAMS);\r\n\r\n if (tokenResponse) {\r\n\r\n const graphProfile = this.graphClient.getUserProperties(tokenResponse.accessToken)\r\n .catch((err) => {\r\n this.error = { err };\r\n });\r\n if (graphProfile) {\r\n this.graphProfile = graphProfile;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\nexport default new AuthPorvider();","import * as CONFIG from '../appconfigs';\r\n\r\nimport authProvider from '../msal/AuthProvider';\r\nexport const API_URL = '/';\r\n\r\nconst ResponseType = {\r\n TEXT: Symbol(\"text\"),\r\n JSON: Symbol(\"json\"),\r\n BLOB: Symbol(\"blob\"),\r\n FORM_DATA: Symbol(\"formData\"),\r\n ARRAY_BUFFER: Symbol(\"arrayBuffer\"),\r\n UNSUPPORTED_MEDIA_TYPE: Symbol(\"Unsupported Media Type\")\r\n};\r\nObject.freeze(ResponseType);\r\n\r\nclass HttpResponseCache {\r\n static cache = {};\r\n\r\n static getItemFromCache(url) {\r\n return HttpResponseCache.cache[url];\r\n }\r\n\r\n static storeItem(url, item) {\r\n HttpResponseCache.cache[url] = item;\r\n }\r\n\r\n static clear() {\r\n HttpResponseCache.cache = {};\r\n }\r\n}\r\n\r\nclass PeopleApi {\r\n\r\n static async getFromCacheOrLoad(url, payloadType) {\r\n let itemFromCache = HttpResponseCache.getItemFromCache(url);\r\n if (itemFromCache) {\r\n return itemFromCache;\r\n }\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n let response = await fetch(encodeURI(url), options);\r\n if (response.status === 401) {\r\n authProvider.onSignOut();\r\n return;\r\n }\r\n if (response.status === 404) {\r\n throw response;\r\n }\r\n let result = null;\r\n\r\n switch (payloadType) {\r\n case ResponseType.TEXT:\r\n result = await response.text();\r\n break;\r\n case ResponseType.JSON:\r\n result = await response.json();\r\n break;\r\n case ResponseType.BLOB:\r\n result = await response.blob();\r\n break;\r\n case ResponseType.FORM_DATA:\r\n result = await response.formData();\r\n break;\r\n case ResponseType.ARRAY_BUFFER:\r\n result = await response.arrayBuffer();\r\n break;\r\n default:\r\n throw ResponseType.UNSUPPORTED_MEDIA_TYPE;\r\n }\r\n\r\n HttpResponseCache.storeItem(url, result);\r\n\r\n return result;\r\n }\r\n\r\n static async getHeaderOptions(method) {\r\n //const _ = await PeopleApi.signInIfNotSigned();\r\n let tokenResponse = null;\r\n tokenResponse = await authProvider.acquireTokenWP();\r\n return {\r\n method: method,\r\n mode: \"cors\",\r\n headers: new Headers([\r\n [\"Authorization\", `Bearer ${tokenResponse.accessToken}`],\r\n [\"Accept\", \"application/json\"],\r\n [\"Content-Type\", \"application/json\"]\r\n ])\r\n };\r\n }\r\n\r\n static async FetchEmpoyeePhoto(id) {\r\n let requestUrl = `${API_URL}api/getphoto/${id}`;\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.BLOB);\r\n }\r\n\r\n static async getDirectReports(id) {\r\n let requestUrl = `${API_URL}api/getDirectReports/${id}?pageSize=0`;\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async smartSearch(searchValue, pageIndex, pageSize, reqTotal, sortField, sortDirection) {\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n\r\n let requestUrl = `${API_URL}api/smartSearch?searchValue=${searchValue}&pageIndex=${pageIndex}&pageSize=${pageSize}&calculateTotalCount=${reqTotal}&returnAccommodationData=${authProvider.showAccomodation()}`;\r\n if (sortField) {\r\n requestUrl += `&sortField=${sortField}`;\r\n }\r\n if (sortDirection) {\r\n requestUrl += `&sortDirection=${sortDirection}`;\r\n }\r\n\r\n let response = await fetch(encodeURI(requestUrl), options);\r\n if (response.status === 401) {\r\n authProvider.onSignOut();\r\n return;\r\n }\r\n return response.json();\r\n }\r\n\r\n static async getActiveCompanies(includeInactive) {\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n\r\n let requestUrl = `${API_URL}api/getActiveCompanies?pageSize=0&includeInactive=${includeInactive}`;\r\n\r\n let response = await fetch(encodeURI(requestUrl), options);\r\n if (response.status === 401) {\r\n authProvider.onSignOut();\r\n return;\r\n }\r\n return response.json();\r\n }\r\n\r\n static async advancedSearch(query, pageIndex, pageSize, reqTotal, sortField, sortDirection) {\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n \r\n\r\n let requestUrl = `${API_URL}api/advancedSearch?${query}&pageIndex=${pageIndex}&pageSize=${pageSize}&calculateTotalCount=${reqTotal}&returnAccommodationData=${authProvider.showAccomodation()}`;\r\n if (sortField) {\r\n requestUrl += `&sortField=${sortField}`;\r\n }\r\n if (sortDirection) {\r\n requestUrl += `&sortDirection=${sortDirection}`;\r\n }\r\n let response = await fetch(encodeURI(requestUrl), options);\r\n if (response.status === 401) {\r\n authProvider.onSignOut();\r\n return;\r\n }\r\n return response.json();\r\n }\r\n\r\n static async getRootCostCenters() {\r\n let requestUrl = `${API_URL}api/getRootCostCenters`;\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async getChildCostCenters(parentCode) {\r\n let requestUrl = `${API_URL}api/getChildCostCenters/${parentCode}`;\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async getCostCenterBranch(ccCode) {\r\n let requestUrl = `${API_URL}api/getCostCenterBranch/${ccCode}`;\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async getPersonPresence(id) {\r\n let requestUrl = `${API_URL}api/presence/${id}`;\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n let response = await fetch(encodeURI(requestUrl), options)\r\n return response.json();\r\n }\r\n\r\n static async getOptions(optionName) {\r\n let requestUrl = `${API_URL}api/getAllOptions/${optionName}`;\r\n\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async searchOptions(optionName, searchValue) {\r\n\r\n let requestUrl = `${API_URL}api/SearchOptionsSync?optionName=${optionName}&searchValue=${searchValue}&resultsCount=${CONFIG.AUTOCOMPLETE_ROWS_TO_REQUEST}`;\r\n\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n\r\n }\r\n\r\n static async searchAutocompleteText(filterName, searchValue) {\r\n let requestUrl = `${API_URL}api/SearchAutocompleteStrings?filterName=${filterName}&searchValue=${searchValue}&resultsCount=${CONFIG.AUTOCOMPLETE_ROWS_TO_REQUEST}`;\r\n if (filterName === 'costCenterName') {\r\n requestUrl = `${API_URL}api/searchCostCenters?searchValue=${searchValue}&resultsCount=${CONFIG.AUTOCOMPLETE_ROWS_TO_REQUEST}`;\r\n }\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async searchCostCentersInHierarchy(searchValue, includeInactive, includeAFE, includeHomeCCOnly) {\r\n let requestUrl = `${API_URL}api/searchInCostCentersHierarchy?searchValue=${searchValue}` +\r\n `&includeInactive=${includeInactive}&includeAFE=${includeAFE}` +\r\n `&resultsCount=${CONFIG.AUTOCOMPLETE_ROWS_TO_REQUEST}&includeHomeCCOnly=${includeHomeCCOnly}`;\r\n\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async getPersonExtended(personId) {\r\n let requestUrl = `${API_URL}api/getEmployeeDetails/${personId}`;\r\n\r\n return await PeopleApi.getFromCacheOrLoad(requestUrl, ResponseType.JSON);\r\n }\r\n\r\n static async getEmployeeAccommodation(id) {\r\n let requestUrl = `${API_URL}api/getEmployeeAccommodation/${id}`;\r\n const options = await PeopleApi.getHeaderOptions(\"GET\");\r\n let response = await fetch(encodeURI(requestUrl), options);\r\n if (response.status === 401) {\r\n authProvider.onSignOut();\r\n return;\r\n }\r\n return response.json();\r\n }\r\n\r\n static async updatePreferredEmail(emailAddress) {\r\n let newPreferredEmail = { EmailAddress: emailAddress };\r\n let requestUrl = `${API_URL}api/selfService/updatePreferredEmail`;\r\n\r\n const options = await PeopleApi.getHeaderOptions(\"POST\");\r\n options.body = JSON.stringify(newPreferredEmail);\r\n return fetch(encodeURI(requestUrl), options)\r\n };\r\n}\r\n\r\n\r\n\r\nexport default PeopleApi;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { loading } from '../../LocalizationMessages';\r\n\r\nconst wrapperStyle = { position: 'absolute', bottom: '0px', minWidth: '50%', zIndex: '100' };\r\nconst labelStyle = { textAlign: 'right', margin: '0px', paddingBottom: '3px', color: 'gray' };\r\nclass LoadingLabel extends React.Component {\r\n render() {\r\n const localizationService = this.context.localization;\r\n\r\n const labelText = localizationService.toLanguageString(loading, 'Loading...');\r\n\r\n const labelElement = (\r\n {notFoundText}
\r\n {\r\n !hideLink && \r\n \r\n }\r\n\r\n
\r\n );\r\n const tableFooter = document && document.querySelector('.k-pager-numbers.k-reset');\r\n return tableFooter ? ReactDOM.createPortal(labelElement, tableFooter) : null\r\n\r\n }\r\n}\r\nregisterForLocalization(LoadingLabel);\r\nexport default LoadingLabel;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nclass ExpandTable extends React.Component {\r\n render() {\r\n let iconClass = this.props.tableExpanded ? 'k-icon k-i-full-screen-exit' : 'k-icon k-i-full-screen';\r\n const element = (\r\n {labelText}
\r\n\r\n \r\n
\r\n );\r\n \r\n const gird = document && document.querySelector('#resultsTable .k-grid-header');\r\n return gird ? ReactDOM.createPortal(element, gird) : null;\r\n }\r\n }\r\n\r\n export default ExpandTable;","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { Notification, NotificationGroup } from '@progress/kendo-react-notification';\r\nimport { Slide } from '@progress/kendo-react-animation';\r\n\r\nconst notificationGroupStyle = {\r\n top: '0px',\r\n left: '42%',\r\n alignItems: 'flex-start',\r\n zIndex: '10000'\r\n};\r\nconst notificationStyle = {\r\n style: 'warning',\r\n icon: false \r\n}\r\nclass SliderNotification extends React.Component {\r\n render() {\r\n const slideDirection = this.props.showNotification ? 'down' : 'up';\r\n const localizationService = this.context.localization;\r\n const message = localizationService.toLanguageString(this.props.notificationMessage, '');\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nregisterForLocalization(HelpfulLinks);\r\nexport default HelpfulLinks;","import React from 'react';\r\nimport SmartSearchControls from './smartSearchControls';\r\nimport ResultsGrid from '../common/resultsGrid';\r\nimport {registerForLocalization} from '@progress/kendo-react-intl';\r\nimport * as CONFIG from '../../appconfigs';\r\nimport LoadingPanel from '../common/LoadingPanel';\r\nimport NotFoundHelperLink from './notFoundHelperLink';\r\nimport PeopleApi from '../../api/WhitePagesApi';\r\nimport LoadingLabel from '../common/loadingLabel';\r\nimport ExpandTable from '../common/expandTable';\r\nimport {isStringEmpty} from '../common/functions';\r\nimport SliderNotification from '../common/SliderNotification';\r\nimport {apiErrorNotification} from '../../LocalizationMessages';\r\n\r\nimport {\r\n addLocalizedFields,\r\n aggregateAndLocalizeDataForTable,\r\n changeUrl,\r\n formatDateString,\r\n getCurrentLanguage,\r\n getInitialSortField,\r\n getMergedMetadata,\r\n getNextPageIndex,\r\n getSortDirectionLongValue,\r\n getStoredOrDefaultColumns,\r\n hasMoreDataToLoad,\r\n hideExpandIcon,\r\n hideNotification,\r\n isSortByNameField,\r\n loadFirstPage,\r\n loadNextPage,\r\n onColumnReorder,\r\n onColumnsSubmit,\r\n onRowClick,\r\n onSortChange,\r\n saveColumnsState,\r\n scrollHandler,\r\n setNotificationTimeout,\r\n showExpandIcon,\r\n showNotification,\r\n sortData,\r\n toggleSortDirection,\r\n toggleTableSize,\r\n trackScrolling,\r\n updateStateWithTheResponse\r\n} from '../common/methods';\r\nimport HelpfulLinks from './helpfulLinks';\r\n\r\nconst ENLISH_NAME_FIELD = 'englishName';\r\nconst CYRILLIC_NAME_FIELD = 'cyrllicName';\r\n\r\nclass SmartSearch extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = this.initialState;\r\n }\r\n\r\n\r\n onRowClick = onRowClick.bind(this);\r\n toggleTableSize = toggleTableSize.bind(this);\r\n onColumnReorder = onColumnReorder.bind(this);\r\n formatDateString = formatDateString.bind(this);\r\n onSortChange = onSortChange.bind(this);\r\n trackScrolling = trackScrolling.bind(this);\r\n hasMoreDataToLoad = hasMoreDataToLoad.bind(this);\r\n loadNextPage = loadNextPage.bind(this);\r\n toggleSortDirection = toggleSortDirection.bind(this);\r\n getInitialSortField = getInitialSortField.bind(this);\r\n getSortDirectionLongValue = getSortDirectionLongValue.bind(this);\r\n isSortByNameField = isSortByNameField.bind(this);\r\n loadFirstPage = loadFirstPage.bind(this);\r\n sortData = sortData.bind(this);\r\n getNextPageIndex = getNextPageIndex.bind(this);\r\n updateStateWithTheResponse = updateStateWithTheResponse.bind(this);\r\n addLocalizedFields = addLocalizedFields.bind(this);\r\n aggregateAndLocalizeDataForTable = aggregateAndLocalizeDataForTable.bind(this);\r\n getMergedMetadata = getMergedMetadata.bind(this);\r\n changeUrl = changeUrl.bind(this);\r\n getStoredOrDefaultColumns = getStoredOrDefaultColumns.bind(this);\r\n saveColumnsState = saveColumnsState.bind(this);\r\n onColumnsSubmit = onColumnsSubmit.bind(this);\r\n scrollHandler = scrollHandler.bind(this);\r\n getCurrentLanguage = getCurrentLanguage.bind(this);\r\n showExpandIcon = showExpandIcon.bind(this);\r\n hideExpandIcon = hideExpandIcon.bind(this);\r\n currentLang = this.getCurrentLanguage();\r\n setNotificationTimeout = setNotificationTimeout.bind(this);\r\n showNotification = showNotification.bind(this);\r\n hideNotification = hideNotification.bind(this);\r\n\r\n sort = [\r\n { field: this.getInitialSortField(), dir: 'asc' }\r\n ];\r\n searchValue = '';\r\n initialState = {\r\n showExpand: false,\r\n tableExpanded: false,\r\n gridUpdateCounter: -1,\r\n inputValue: '',\r\n requestingFirstPage: false,\r\n data: [],\r\n showNotification: false,\r\n loadingNextPage: false,\r\n notificationMessage:'',\r\n metadata: {\r\n pageIndex: 1,\r\n pageCount: 0,\r\n pageSize: 50,\r\n totalCount: -1,\r\n sortField: '',\r\n sortDirection: ''\r\n },\r\n columns: this.getStoredOrDefaultColumns()\r\n }\r\n\r\n\r\n requestData = () => {\r\n if (this.requestInProgress) {\r\n //perform only one request at a time\r\n return;\r\n }\r\n\r\n this.requestInProgress = true;\r\n let requestedValue = this.searchValue;\r\n let loadingNextPage = !this.state.requestingFirstPage;\r\n this.setState({ loadingNextPage });\r\n PeopleApi.smartSearch(...this.getRequestParameters())\r\n .then(response => {\r\n //input has changed since last request\r\n if (requestedValue !== this.searchValue) {\r\n return;\r\n }\r\n this.requestInProgress = false;\r\n\r\n this.updateStateWithTheResponse(response);\r\n })\r\n .catch(err => {\r\n if (requestedValue !== this.searchValue) {\r\n return;\r\n }\r\n this.showNotification(apiErrorNotification);\r\n this.setState({\r\n loadingNextPage:false,\r\n loadFirstPage:false\r\n })\r\n })\r\n .finally(() => this.requestInProgress = false);\r\n }\r\n\r\n getRequestParameters = () => {\r\n const { searchValue } = this;\r\n let pageIndex = this.getNextPageIndex();\r\n const pageSize = this.state.metadata.pageSize;\r\n let reqTotalCount = this.state.requestingFirstPage;\r\n let sortField = this.sort[0].field;\r\n let sortDirection = this.getSortDirectionLongValue();\r\n return [\r\n searchValue,\r\n pageIndex,\r\n pageSize,\r\n reqTotalCount,\r\n sortField,\r\n sortDirection\r\n ];\r\n }\r\n\r\n onSubmitHandler = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n this.clearInputChangeTimeout();\r\n if (this.searchValue === this.state.inputValue) {\r\n return;\r\n }\r\n this.searchValue = this.state.inputValue;\r\n this.loadFirstPage();\r\n }\r\n\r\n onInputChange = (inputValue, delay = null) => {\r\n this.clearInputChangeTimeout();\r\n\r\n if (isStringEmpty(inputValue)) {\r\n this.setInitialState();\r\n return;\r\n }\r\n\r\n this.setState({ inputValue });\r\n if (/^[0-9]{1,3}$/.test(inputValue)) {\r\n return;\r\n }\r\n //this.setInputChangeTimeout(delay);\r\n }\r\n\r\n setInputChangeTimeout(delay) {\r\n this.inputChangeTimeout = setTimeout(() => {\r\n document.querySelector('#submit-btn').click();\r\n }, delay === null ? CONFIG.ON_INPUT_CHANGE_REQUEST_DELAY_TIME : delay);\r\n }\r\n\r\n clearInputChangeTimeout() {\r\n if (this.inputChangeTimeout) {\r\n clearTimeout(this.inputChangeTimeout);\r\n }\r\n }\r\n\r\n setInitialState() {\r\n this.searchValue = '';\r\n this.setState({ ...this.initialState, columns: this.state.columns });\r\n }\r\n\r\n componentWillReceiveProps(newProps) {\r\n if (newProps.language !== this.props.language) {\r\n if (this.isSortByNameField()) {\r\n this.sort[0].field = newProps.language === 'en' ? ENLISH_NAME_FIELD : CYRILLIC_NAME_FIELD;\r\n this.onSortChange({ sort: this.sort });\r\n this.setState({ columns: this.getStoredOrDefaultColumns() });\r\n }\r\n this.setState({ gridUpdateCounter: this.state.gridUpdateCounter + 1 });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.clearInputChangeTimeout();\r\n }\r\n\r\n render() {\r\n const {\r\n requestingFirstPage,\r\n data,\r\n inputValue,\r\n metadata,\r\n loadingNextPage,\r\n tableExpanded\r\n } = this.state;\r\n return (\r\n \r\n
\r\n \r\n \r\n 200-6666\r\n - {contactAtyLabel}\r\n
\r\n \r\n 200-5555\r\n - {contactTengizLabel}\r\n
\r\n \r\n 200-1212\r\n - {facilityMgmAtyLabel}\r\n
\r\n \r\n 200-2222\r\n - {facilityMgmTenLabel}\r\n
\r\n \r\n 200-5500\r\n - \r\n
\r\n {helpDeskLabel}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {informationUpdateLabel}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {chevronLabel}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {submitFeedbackLabel}\r\n \r\n \r\n
\r\n
\r\n {\r\n requestingFirstPage && \r\n {\r\n data.length > 0 &&\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nregisterForLocalization(CompanyAndCCTable);\r\nexport default CompanyAndCCTable;\r\n\r\n\r\nfunction getRows(personExtended, currentLang, props) {\r\n if (personExtended === null) {\r\n return null;\r\n }\r\n let rows = [];\r\n let homeCompany = ((personExtended).person || {}).homeCompany;\r\n if (!nullOrUndefined(homeCompany)) {\r\n rows.push({\r\n header: 'homeCompany',\r\n data: formatCodeNamePair(homeCompany.code, homeCompany.name)\r\n });\r\n }\r\n const costCenter = personExtended.costCenter;\r\n if (nullOrUndefined(costCenter)) {\r\n return rows;\r\n }\r\n\r\n rows.push({\r\n header: 'ccDescription',\r\n data: costCenter.name\r\n });\r\n rows.push({\r\n header: 'ccCode',\r\n data: costCenter.code\r\n });\r\n\r\n rows.push(\r\n {\r\n header: 'costCenterOwners',\r\n data: getCostCenterOwners(costCenter, currentLang, props)\r\n }\r\n );\r\n rows.push({\r\n header: 'division',\r\n data: formatCodeNamePair(costCenter.divisionCode, costCenter.divisionName)\r\n });\r\n\r\n rows.push({\r\n header: 'group',\r\n data: formatCodeNamePair(costCenter.groupCode, costCenter.groupName)\r\n });\r\n rows.push({\r\n header: 'department',\r\n data: formatCodeNamePair(costCenter.departmentCode, costCenter.departmentName)\r\n });\r\n\r\n rows = rows.filter(r => r.data);\r\n if (rows.length === 0) {\r\n return null;\r\n }\r\n return rows;\r\n}\r\n\r\nfunction getCostCenterOwners(costCenter, lang, props) {\r\n\r\n const { primaryOwnerEnglishName, primaryOwnerCyrllicName, secondaryOwnerEnglishName, secondaryOwnerCyrllicName } = costCenter;\r\n if (isNullOrWhitespace(primaryOwnerEnglishName) &&\r\n isNullOrWhitespace(primaryOwnerCyrllicName) &&\r\n isNullOrWhitespace(secondaryOwnerEnglishName) &&\r\n isNullOrWhitespace(secondaryOwnerCyrllicName)\r\n ) {\r\n\t \r\n return null;\r\n }\r\n\r\n if (lang === 'en') {\r\n let primaryOwnerElEn = null;\r\n if (costCenter.primaryOwnerCanonicalId) {\r\n let url = `/details/${costCenter.primaryOwnerCanonicalId}`\r\n let fullNameEn = costCenter.primaryOwnerEnglishName ? costCenter.primaryOwnerEnglishName : costCenter.primaryOwnerCyrllicName;\r\n primaryOwnerElEn =\r\n | {localizationService.toLanguageString('companyAndCC', '')} | \r\n|
|---|---|
| {localizationService.toLanguageString(row.header, '')} | \r\n {\r\n\r\n {row.data}\r\n | \r\n }\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nregisterForLocalization(RotationsTable);\r\nexport default RotationsTable;\r\n\r\n\r\n\r\nfunction getPersonNameRow(englishName, cyrllicName, canonicalId, currentLang, props) {\r\n if (isNullOrWhitespace(englishName) && isNullOrWhitespace(cyrllicName)) {\r\n return null;\r\n }\r\n let text = (currentLang === 'ru' && cyrllicName.length > 0) ? cyrllicName : englishName;\r\n\r\n if (isNullOrWhitespace(text)) {\r\n return null;\r\n }\r\n let url = `/details/${canonicalId}`\r\n let result =\r\n | {localizationService.toLanguageString(tableHeaderLabel, '')} | \r\n|
|---|---|
| {localizationService.toLanguageString(row.header, '')} | \r\n {\r\n\r\n {row.data}\r\n | \r\n }\r\n
\r\n\r\n {\r\n this.props.showSpinner &&\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { emailUpdateSuccess, emailUpdateFailure } from '../../LocalizationMessages';\r\nimport { groupBy } from '@progress/kendo-data-query';\r\nimport { Popup } from '@progress/kendo-react-popup';\r\nimport { Tooltip } from '@progress/kendo-react-tooltip';\r\nimport { Notification, NotificationGroup } from '@progress/kendo-react-notification';\r\nimport PeopleApi from '../../api/WhitePagesApi';\r\nimport authProvider from '../../msal/AuthProvider';\r\n\r\nimport {\r\n normalizePhoneData,\r\n formatWorkLocation,\r\n isStringEmpty, \r\n} from '../common/functions';\r\nimport {buildLocationString} from '../common/methods';\r\nimport SelectPreferredEmailForm from './selectPreferredEmailForm';\r\n\r\n\r\nconst loadingLabel = (\r\n Loading\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n
\r\n \r\n {localizationService.toLanguageString(selectPreferredEmail, '')}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Loading...\r\n
);\r\n\r\nclass ContactsTable extends React.Component {\r\n counter = 0;\r\n anchor = null;\r\n offset = { left: -50, top: 150 };\r\n state =\r\n {\r\n popupOpen: false,\r\n showNotification: false,\r\n updateSuccess: false,\r\n showSpinner: false\r\n }\r\n\r\n showSelectEmailIcon() {\r\n const { isCurrentUser } = this.props.personExtended;\r\n\r\n if (isCurrentUser) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n togglePopup = () => {\r\n this.setState(prevState => ({\r\n popupOpen: !prevState.popupOpen,\r\n showNotification: false\r\n }));\r\n }\r\n\r\n onSubmitPreferredEmail = (eAddress) => {\r\n\r\n this.setState({ showSpinner: true });\r\n PeopleApi.updatePreferredEmail(eAddress)\r\n .then(response => {\r\n this.setState({ showNotification: true, updateSuccess: true});\r\n })\r\n .catch(err => {\r\n this.setState({ showNotification: true, updateSuccess: false});\r\n })\r\n .finally(() => this.setState({ showSpinner: false, popupOpen:false }));\r\n }\r\n\r\n getRows(personExtended) {\r\n if (personExtended === null || personExtended === undefined) {\r\n return null;\r\n }\r\n let rows = [];\r\n const { phones } = personExtended;\r\n if (phones && phones.length > 0) {\r\n\r\n const normalizedPhones = normalizePhoneData(phones);\r\n let phoneGroups = groupBy(normalizedPhones, [{ field: 'type' }]);\r\n phoneGroups.forEach(group => {\r\n let numbers = getUniqueNumbersInPhonesGroup(group);\r\n let data = numbers.map(number => {\r\n return ({number}
);\r\n });\r\n rows.push({\r\n header: group.value,\r\n data: data\r\n });\r\n });\r\n };\r\n const { emails } = personExtended;\r\n if (emails && emails.length > 0) {\r\n \r\n let prefEmails = emails.filter(e => (e.typeCode === 'Preferred'));\r\n if (prefEmails.length > 0) {\r\n let showSkypeIcon = false;\r\n let personalEmail = emails.filter(e => (e.typeCode === 'P'));\r\n if (personalEmail.length > 0) {\r\n showSkypeIcon = personalEmail[0].address === prefEmails[0].address;\r\n }\r\n let localizationService = this.context.localization;\r\n let personalEmailData =\r\n (\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nregisterForLocalization(ContactsTable);\r\nexport default ContactsTable;\r\n\r\n\r\n\r\nfunction getUniqueNumbersInPhonesGroup(group) {\r\n let numbers = group.items.map(item => item.number)\r\n .filter(number => !isStringEmpty(number));\r\n numbers = Array.from(new Set(numbers));\r\n return numbers;\r\n}\r\n","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { currentLanguage, messages } from '../../LocalizationMessages';\r\nimport { TryParseInt, isNullOrWhitespace } from '../common/functions';\r\n\r\nclass JobRelatedTable extends React.Component {\r\n render() {\r\n let localizationService = this.context.localization;\r\n let currentLang = localizationService.toLanguageString(currentLanguage, 'en');\r\n let counter = 1;\r\n\r\n let person = (this.props.personExtended || {}).person;\r\n\r\n if (person === undefined) {\r\n return null;\r\n }\r\n let rows = [];\r\n\r\n rows.push({ header: 'userID', data: person.cai });\r\n rows.push({ header: 'networkId', data: person.networkId });\r\n rows.push({ header: 'badgeNumber', data: person.badgeNumber });\r\n\r\n let searchTypeData = messages[currentLang][person.searchType];\r\n rows.push({ header: 'searchType', data: searchTypeData });\r\n\r\n rows.push({ header: 'employmentType', data: ((person).employmentType || {}).name });\r\n if (person.employmentStatusName) {\r\n rows.push({ header: 'employmentStatusName', data: person.employmentStatusName })\r\n }\r\n rows.push(\r\n {\r\n header: 'employmentStartDate',\r\n data: formatDateString(person.employmentStartDate, currentLang)\r\n });\r\n if (person.employmentEndDate) {\r\n rows.push(\r\n {\r\n header: 'employmentEndDate',\r\n data: formatDateString(person.employmentEndDate, currentLang)\r\n });\r\n }\r\n rows.push(\r\n {\r\n header: 'timeInTCO',\r\n data: getTimeInTcoString(person.timeInTco, currentLang)\r\n });\r\n\r\n rows = rows.filter(r => r.data);\r\n if (rows.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n | {localizationService.toLanguageString('contactInfo', '')} | \r\n|
|---|---|
| {localizationService.toLanguageString(row.header, '')} | \r\n {\r\n\r\n {row.data}\r\n | \r\n }\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nregisterForLocalization(JobRelatedTable);\r\nexport default JobRelatedTable;\r\n\r\nfunction formatDateString(dateInput, lang) {\r\n if (isNullOrWhitespace(dateInput)) {\r\n return '';\r\n }\r\n if (lang !== 'ru') {\r\n return dateInput;\r\n }\r\n let date = Date.parse(dateInput);\r\n return new Date(date).toLocaleDateString('ru');\r\n}\r\n\r\nfunction getTimeInTcoString(dateString, lang) {\r\n if (isNullOrWhitespace(dateString)) {\r\n return '';\r\n }\r\n\r\n if (lang === 'ru') {\r\n return getTimeInTcoRu(dateString);\r\n }\r\n return getTimeInTcoEn(dateString);\r\n}\r\nfunction getTimeInTcoEn(dateString) {\r\n let result = '';\r\n let dateArr = dateString.split('.');\r\n let year = TryParseInt(dateArr[0], 0);\r\n let month = TryParseInt(dateArr[1], 0);\r\n if (year > 0) {\r\n result += year > 1 ? `${year} years` : `${year} year`;\r\n }\r\n if (month > 0) {\r\n if (result) {\r\n result += ', '\r\n }\r\n result += month > 1 ? `${month} months` : `${month} month`;\r\n }\r\n result = result ? result : 'less than a month';\r\n return result;\r\n}\r\nfunction getTimeInTcoRu(dateString) {\r\n let result = '';\r\n let dateArr = dateString.split('.');\r\n let year = TryParseInt(dateArr[0], 0);\r\n let month = TryParseInt(dateArr[1], 0);\r\n if (year > 0) {\r\n if (year === 1) {\r\n result += `${year} год`;\r\n }\r\n else if (year > 1 && year < 5) {\r\n result += `${year} года`;\r\n }\r\n else {\r\n result += `${year} лет`;\r\n }\r\n }\r\n if (month > 0) {\r\n if (result) {\r\n result += ', '\r\n }\r\n if (month === 1) {\r\n result += `${month} месяц`;\r\n }\r\n else if (month > 1 && month < 5) {\r\n result += `${month} месяца`;\r\n }\r\n else {\r\n result += `${month} месяцев`;\r\n }\r\n }\r\n\r\n result = result ? result : 'меньше месяца';\r\n return result;\r\n}","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport {\r\n currentLanguage, infoUpdateInstruction,\r\n informationUpdateWpLink, infoUpdateInstructionWpHeader } from '../../LocalizationMessages';\r\n\r\nclass InformationUpdateTable extends React.Component {\r\n render() {\r\n const localizationService = this.context.localization;\r\n\r\n const informationUpdateLabel = localizationService.toLanguageString(infoUpdateInstruction, '');\r\n const informationUpdateLink = localizationService.toLanguageString(informationUpdateWpLink, '');\r\n const infoUpdateInstructionHeader = localizationService.toLanguageString(infoUpdateInstructionWpHeader, '');\r\n\r\n return (\r\n | {localizationService.toLanguageString('jobRelatedInfo', '')} | \r\n|
|---|---|
| {localizationService.toLanguageString(row.header, '')} | \r\n {\r\n\r\n {row.data}\r\n | \r\n }\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nregisterForLocalization(InformationUpdateTable);\r\nexport default InformationUpdateTable;\r\n","import React from 'react';\r\nimport {registerForLocalization} from '@progress/kendo-react-intl';\r\nimport {\r\n currentLanguage,\r\n directSubordinates,\r\n fullName,\r\n fullNameAccessorField,\r\n hideSubordinates,\r\n jobTitle,\r\n phone,\r\n showSubordinates\r\n} from '../../LocalizationMessages';\r\nimport {getFormattedPhone, isNullOrWhitespace} from '../common/functions';\r\nimport emailImg from '../../images/email.png';\r\nimport * as REQUEST_STATUS from '../../api/RequestStatusCodes';\r\n\r\nclass OrgStructureTable extends React.Component {\r\n\r\n shouldComponentUpdate(){\r\n return true;\r\n }\r\n render() {\r\n const { props, context } = this;\r\n const localizationService = context.localization;\r\n const currentLang = localizationService.toLanguageString(currentLanguage, 'en');\r\n let counter = 1;\r\n let btnMessage = props.isSubordinatesOpen ? hideSubordinates : showSubordinates;\r\n\r\n const { personExtended } = props;\r\n if (personExtended === null) {\r\n return null;\r\n }\r\n\r\n const supervisor = personExtended.supervisor;\r\n let hasSubOrdinates = personExtended.person.hasSubOrdinate;\r\n if (!supervisor && !hasSubOrdinates) {\r\n return null;\r\n }\r\n\r\n let rows = [];\r\n if (supervisor) {\r\n const { englishName, cyrllicName, canonicalId } = supervisor;\r\n rows.push(\r\n {\r\n header: 'lineSupervisor',\r\n data: getPersonNameRow(englishName, cyrllicName, canonicalId, currentLang, props)\r\n });\r\n }\r\n\r\n if (!rows) {\r\n return null;\r\n }\r\n\r\n let tableHeaderClass = props.tableRows > 10 ? 'scroll-padding' : '';\r\n let fullNameAccessor = localizationService.toLanguageString(fullNameAccessorField, 'englishName');\r\n\r\n return (\r\n | {infoUpdateInstructionHeader} | \r\n
|---|
| \r\n \r\n \r\n \r\n {informationUpdateLabel}\r\n \r\n \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n }\r\n}\r\n\r\nregisterForLocalization(OrgStructureTable);\r\nexport default OrgStructureTable;\r\n\r\n\r\nfunction getPersonNameRow(englishName, cyrllicName, canonicalId, currentLang, props) {\r\n if (isNullOrWhitespace(englishName) && isNullOrWhitespace(cyrllicName)) {\r\n return null;\r\n }\r\n let text = (currentLang === 'ru' && cyrllicName.length > 0) ? cyrllicName : englishName;\r\n if (isNullOrWhitespace(text)) {\r\n return null;\r\n }\r\n let url = `/details/${canonicalId}`\r\n return | {localizationService.toLanguageString('related', '')} | \r\n|||
|---|---|---|---|
| {localizationService.toLanguageString(row.header, '')} | \r\n {\r\n|||
| {localizationService.toLanguageString(directSubordinates, '')} | \r\n\r\n {\r\n props.fetchSubordinatesStatus !== REQUEST_STATUS.REQUESTED &&\r\n \r\n }\r\n {\r\n props.fetchSubordinatesStatus === REQUEST_STATUS.REQUESTED &&\r\n \r\n Loading...\r\n \r\n }\r\n | \r\n ||
| {localizationService.toLanguageString(fullName, '')} | \r\n{localizationService.toLanguageString(jobTitle, '')} | \r\n{localizationService.toLanguageString(phone, '')} | \r\n\r\n |
| \r\n | \r\n \r\n {data.positionName}\r\n | \r\n\r\n {getFormattedPhone(data.primaryPhoneNumber)}\r\n | \r\n\r\n \r\n | \r\n
\r\n
\r\n );\r\n return (\r\n \r\n
\r\n {this.state.englishFullName}
\r\n{this.state.cyrillicFullName}
\r\n{this.state.position}
\r\n\r\n \r\n {localizationService.toLanguageString(failureMessage, '')}\r\n \r\n
\r\n }\r\n {(!FirstVisit && ResponseStatus === 200) &&\r\n \r\n
\r\n }\r\n \r\n {personImageComponent}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {errorMessage}\r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nregisterForLocalization(CostCenterTreeView);\r\nexport default CostCenterTreeView;\r\n\r\nfunction searchTree(element, matchingCode) {\r\n if (element.code === matchingCode) {\r\n return element;\r\n }\r\n else if (element.items != null) {\r\n var i;\r\n var result = null;\r\n for (i = 0; result === null && i < element.items.length; i++) {\r\n result = searchTree(element.items[i], matchingCode);\r\n }\r\n return result;\r\n }\r\n return null;\r\n}\r\n\r\nfunction iconClassName(costCenter) {\r\n if (!costCenter.isActive) {\r\n return 'warning-icon';\r\n }\r\n else if (costCenter.type === 'CC') {\r\n return 'cc-icon';\r\n }\r\n return 'afe-icon'\r\n}\r\n","import React from 'react';\r\nimport { AutoComplete } from '@progress/kendo-react-dropdowns';\r\nimport CostCenterTreeView from './CostCenterTreeView';\r\nimport PeopleAPI from '../../../api/WhitePagesApi';\r\nimport * as CONFIG from '../../../appconfigs';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\n\r\nclass CostCenterFilter extends React.Component {\r\n\r\n state = {\r\n isTreeVisible: false,\r\n inputText: '',\r\n autocompleteData: [],\r\n loading: false,\r\n isListOpen: false,\r\n isBlured: false,\r\n value: '',\r\n selectedCostCenterCodes: []\r\n }\r\n\r\n onFocus = () => {\r\n this.setState({ isBlured: false });\r\n }\r\n onBlur = () => {\r\n this.setState({ isListOpen: false, isBlured: true });\r\n }\r\n\r\n validateInput = (value) => {\r\n if (value === undefined) {\r\n return false;\r\n }\r\n let regex = new RegExp(this.props.filter.pattern);\r\n return value.match(regex);\r\n }\r\n onSearchValChange = (event) => {\r\n if (this.timeout) clearTimeout(this.timeout);\r\n let searchValue = event.target.value;\r\n const { filter } = this.props;\r\n if (searchValue.trim().length === 0) {\r\n this.setState({ isListOpen: false, loading: false, inputText: '', selectedCostCenterCodes: [] });\r\n }\r\n else if ((event.nativeEvent.type === 'keydown' && event.nativeEvent.key === 'Enter') ||\r\n event.nativeEvent.type === 'click') {\r\n let value = ''\r\n try {\r\n value = this.state.autocompleteData.filter(i => i.text === searchValue)[0].name;\r\n }\r\n catch (err) {\r\n }\r\n this.setState({ isListOpen: false, loading: false, inputText: searchValue, value: value, selectedCostCenterCodes: [] });\r\n }\r\n else {\r\n this.setState({ inputText: searchValue, isListOpen: false, selectedCostCenterCodes: [] });\r\n if (this.validateInput(searchValue)) {\r\n this.timeout = setTimeout(() => {\r\n this.setState({ loading: true, value: '' });\r\n PeopleAPI.searchAutocompleteText(filter.name, searchValue).then(autocompleteData => {\r\n autocompleteData = autocompleteData.map(item => {\r\n item.text = `${item.code} - ${item.name}`;\r\n return item;\r\n });\r\n this.setState((pervState) => { return { autocompleteData: autocompleteData, loading: false, isListOpen: !pervState.isBlured, selectedCostCenterCodes: [] } });\r\n })\r\n .catch(err => {\r\n this.setState((pervState) => { return { autocompleteData: [], loading: false, isListOpen: !pervState.isBlured } });\r\n });\r\n }, CONFIG.ON_INPUT_CHANGE_REQUEST_DELAY_TIME);\r\n }\r\n }\r\n }\r\n\r\n showCloseTreeView = (visible) => {\r\n this.setState({ isTreeVisible: visible, inputText: '', value: '' });\r\n }\r\n\r\n setCostCenterCodes = (selectedCostCenterCodes) => {\r\n this.setState({ selectedCostCenterCodes });\r\n }\r\n\r\n getSelectedItemsCSV = () => {\r\n if (this.state.selectedCostCenterCodes.length > 0) {\r\n return this.state.selectedCostCenterCodes.join(',');\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ inputText: this.props.filter.value })\r\n }\r\n\r\n render() {\r\n const localizationService = this.context.localization;\r\n const { value, inputText, isTreeVisible, selectedCostCenterCodes } = this.state;\r\n\r\n let inputName = selectedCostCenterCodes.length > 0 ? 'CostCenterCodeCSV' : this.props.filter.name;\r\n let inputValue = inputName === 'CostCenterCodeCSV' ? this.getSelectedItemsCSV() : (value ? value : inputText);\r\n let treeIconColor = inputName === 'CostCenterCodeCSV' ? '#449d44' : 'grey';\r\n let label = localizationService.toLanguageString(this.props.filter.name, '');\r\n return (\r\n \r\n
\r\n \r\n {localizationService.toLanguageString(costCenterHierarchy, '')}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n [, props.item.text]\r\n }\r\n />\r\n
\r\n\r\n {\r\n this.state.initialLoad &&\r\n \r\n Loading\r\n \r\n \r\n
\r\n }\r\n\r\n \r\n \r\n
\r\n \r\n \r\n this.toggleCheckboxState()} \r\n />\r\n \r\n
\r\n \r\n \r\n
\r\nexport default RemoveFilterButton;\r\n\r\n\r\n","import React from 'react';\r\nimport RemoveFilterButton from './RemoveFilterButton';\r\n\r\nconst ActiveFiltersLayout = (props) =>\r\n \r\n
\r\n\r\nexport default ActiveFiltersLayout;\r\n","import React from 'react';\r\nimport TextFilter from './filter-components/TextFilter';\r\nimport AutocompleteTextFilter from './filter-components/AutocompleteTextFilter';\r\nimport SelectFilter from './filter-components/SelectFilter';\r\nimport CostCenterFilter from './filter-components/CostCenterFilter';\r\nimport HomeCompanyFilter from \"./filter-components/homeCompanyFilter/HomeCompanyFilter\";\r\nimport CheckboxFilter from './filter-components/CheckboxFilter';\r\nimport * as FilterType from './filterTypes';\r\nimport ActiveFiltersLayout from './filter-components/common/ActiveFiltersLayout';\r\n\r\nclass ActiveFilters extends React.Component {\r\n render() {\r\n let activeFilters = this.props.filters.filter(filter => { return filter.active });\r\n\r\n activeFilters.sort((filter1, filter2) => filter1.order - filter2.order);\r\n let filterComponents = activeFilters.map((filter) => {\r\n let coreFilter;\r\n switch (filter.filterType) {\r\n case FilterType.SELECT_FILTER:\r\n coreFilter = \r\n {props.children}\r\n props.deactivateFilter(props.filter.name)}\r\n />\r\n
\r\n \r\n {filterComponents}\r\n
\r\n );\r\n }\r\n}\r\nexport default ActiveFilters;\r\n\r\n","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { search, reset, excelExport } from '../../LocalizationMessages';\r\nimport exportExcelImg from '../../images/excel-export.png';\r\n\r\nconst searchButtonStyle = { fontSize: '1rem' };\r\nclass MainControls extends React.Component {\r\n render() {\r\n const { props } = this;\r\n const localizationService = this.context.localization;\r\n\r\n const searchText = localizationService.toLanguageString(search, '');\r\n const resetLabel = localizationService.toLanguageString(reset, '');\r\n const excelExportLabel = localizationService.toLanguageString(excelExport, '');\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nregisterForLocalization(MainControls);\r\nexport default MainControls;","import React from 'react';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { selectFilter } from '../../LocalizationMessages';\r\n\r\nclass FilterSelector extends React.Component {\r\n defaultItem = {\r\n value: 'default',\r\n text: 'Select Filter',\r\n disabled: true\r\n }\r\n state = {\r\n isOpen: false\r\n }\r\n\r\n onOpen = () => {\r\n if (!this.state.isOpen) {\r\n this.setState({ isOpen: true })\r\n }\r\n }\r\n\r\n onClose = () => {\r\n if (this.state.isOpen) {\r\n this.setState({ isOpen: false })\r\n }\r\n }\r\n\r\n onChange = (event) => {\r\n let eventType = event.nativeEvent.type;\r\n if (eventType === 'keypress' || eventType === 'Enter' || eventType === 'click') {\r\n this.setState({ isOpen: false });\r\n this.props.activateFilter(event.target.value.value);\r\n }\r\n }\r\n\r\n onPlusCick = (itemIdex) => {\r\n this.props.activateFilter(this.props.filterOptions[itemIdex].value);\r\n }\r\n\r\n itemRender = (li, itemProps) => {\r\n const index = itemProps.index;\r\n const { isGroupLabel } = itemProps.dataItem;\r\n\r\n let itemChildren = isGroupLabel ?\r\n {e.stopPropagation()}}\r\n >\r\n {li.props.children}\r\n
\r\n :\r\n \r\n {li.props.children}\r\n \r\n
\r\n\r\n\r\n return React.cloneElement(li, li.props, itemChildren);\r\n }\r\n\r\n render() {\r\n const localizationService = this.context.localization;\r\n let defaultItem = { ...this.defaultItem };\r\n defaultItem.text = localizationService.toLanguageString(selectFilter, 'Select Filter');\r\n\r\n const { props } = this;\r\n return (\r\n \r\n {\r\n data.length > 0 &&\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default ProgressBar;","import React from 'react';\r\nimport { ExcelExport, ExcelExportColumn } from '@progress/kendo-react-excel-export';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport PeopleApi from '../../api/WhitePagesApi';\r\nimport ProgressBar from '../advancedSearch/filter-components/excelExportProgressBar';\r\nimport { calculatePercentage } from '../common/functions';\r\nimport {\r\n formatDateString,\r\n hasMoreDataToLoad,\r\n loadNextPage,\r\n getInitialSortField,\r\n getSortDirectionLongValue,\r\n loadFirstPage,\r\n sortData,\r\n getNextPageIndex,\r\n updateStateWithTheResponse,\r\n getMergedMetadata,\r\n getStoredOrDefaultColumns,\r\n getCurrentLanguage,\r\n addLocalizedFields,\r\n aggregateAndLocalizeDataForTable\r\n} from '../common/methods';\r\nclass ExportToExcel extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = this.initialState;\r\n }\r\n addLocalizedFields = addLocalizedFields.bind(this);\r\n getStoredOrDefaultColumns = getStoredOrDefaultColumns.bind(this);\r\n updateStateWithTheResponse = updateStateWithTheResponse.bind(this);\r\n getMergedMetadata = getMergedMetadata.bind(this);\r\n getNextPageIndex = getNextPageIndex.bind(this);\r\n formatDateString = formatDateString.bind(this);\r\n hasMoreDataToLoad = hasMoreDataToLoad.bind(this);\r\n loadNextPage = loadNextPage.bind(this);\r\n loadFirstPage = loadFirstPage.bind(this);\r\n getCurrentLanguage = getCurrentLanguage.bind(this);\r\n aggregateAndLocalizeDataForTable = aggregateAndLocalizeDataForTable.bind(this);\r\n getInitialSortField = getInitialSortField.bind(this);\r\n getSortDirectionLongValue = getSortDirectionLongValue.bind(this);\r\n sortData = sortData.bind(this);\r\n currentLang = this.getCurrentLanguage();\r\n storedColumns = this.getStoredOrDefaultColumns();\r\n sort = [\r\n { field: this.getInitialSortField(), dir: 'asc' }\r\n ];\r\n initialState = {\r\n loadPercentage: 0,\r\n data: [],\r\n requestingFirstPage: true,\r\n loadingNextPage: false,\r\n metadata: {\r\n pageIndex: 1,\r\n pageCount: 0,\r\n pageSize: 1000,\r\n totalCount: -1,\r\n sortField: '',\r\n sortDirection: ''\r\n },\r\n columns: this.getStoredOrDefaultColumns()\r\n }\r\n _export;\r\n export = () => {\r\n this._export.save();\r\n }\r\n\r\n getColumnsForExport() {\r\n return this.storedColumns.filter(item => item.show);\r\n }\r\n startLoading = () => {\r\n this.requestData();\r\n while (this.hasMoreDataToLoad()) {\r\n setTimeout(() => {\r\n this.requestData();\r\n }, 3)\r\n }\r\n }\r\n requestData = () => {\r\n if (this.requestInProgress) {\r\n //perform only one request at a time\r\n return;\r\n }\r\n\r\n this.requestInProgress = true;\r\n PeopleApi.advancedSearch(...this.getRequestParameters())\r\n .then(response => {\r\n this.requestInProgress = false;\r\n this.addCostCenterOwners(response.data);\r\n this.updateStateWithTheResponse(response);\r\n })\r\n .finally(() => this.requestInProgress = false);\r\n }\r\n addCostCenterOwners = (data) => {\r\n data.forEach(dataItem => {\r\n let primaryOwnerElEn = ''\r\n if (dataItem.primaryOwnerCanonicalId) {\r\n primaryOwnerElEn = dataItem.primaryOwnerEnglishName ? dataItem.primaryOwnerEnglishName : dataItem.primaryOwnerCyrllicName;\r\n }\r\n\r\n let secondaryOwnerElEn = '';\r\n if (dataItem.secondaryOwnerCanonicalId) {\r\n secondaryOwnerElEn = dataItem.secondaryOwnerEnglishName ? dataItem.secondaryOwnerEnglishName : dataItem.secondaryOwnerCyrllicName;\r\n }\r\n let delimeter = '';\r\n if (primaryOwnerElEn && secondaryOwnerElEn) {\r\n delimeter = '/';\r\n }\r\n dataItem.costCenterOwners = `${primaryOwnerElEn}${delimeter}${secondaryOwnerElEn}`;\r\n\r\n let primaryOwnerElRu = '';\r\n if (dataItem.primaryOwnerCanonicalId) {\r\n primaryOwnerElRu = dataItem.primaryOwnerCyrllicName ? dataItem.primaryOwnerCyrllicName : dataItem.primaryOwnerEnglishName;\r\n }\r\n\r\n let secondaryOwnerElRu = '';\r\n if (dataItem.secondaryOwnerCanonicalId) {\r\n secondaryOwnerElRu = dataItem.secondaryOwnerCyrllicName ? dataItem.secondaryOwnerCyrllicName : dataItem.secondaryOwnerEnglishName;\r\n }\r\n delimeter = '';\r\n if (primaryOwnerElRu && secondaryOwnerElRu) {\r\n delimeter = '/';\r\n }\r\n dataItem.costCenterOwnersRu = `${primaryOwnerElRu}${delimeter}${secondaryOwnerElRu}`;\r\n })\r\n }\r\n\r\ngetRequestParameters = () => {\r\n let searchQuery = window.location.search.substr(1);\r\n let pageIndex = this.getNextPageIndex();\r\n const pageSize = this.state.metadata.pageSize;\r\n let reqTotalCount = this.state.requestingFirstPage;\r\n return [\r\n searchQuery,\r\n pageIndex,\r\n pageSize,\r\n reqTotalCount\r\n ];\r\n}\r\n\r\n\r\ncomponentDidMount() {\r\n this.requestData();\r\n}\r\n\r\ncomponentDidUpdate() {\r\n if (this.hasMoreDataToLoad()) {\r\n this.requestData();\r\n }\r\n else {\r\n this.export();\r\n }\r\n}\r\nrender() {\r\n const localizationService = this.context.localization;\r\n let loadedResults = this.state.data.length;\r\n let total = this.state.metadata.totalCount;\r\n let loadPercent = calculatePercentage(loadedResults, total);\r\n let exportColumns = this.getColumnsForExport().map(column => {\r\n return \r\n
\r\n \r\n {width}\r\n
\r\n {localizationService.toLanguageString(notSupportedBrowser, '')}
\r\n{localizationService.toLanguageString(useEdgeBrowser, '')}
\r\n \r\n );\r\n }\r\n }\r\n registerForLocalization(BrowserNotSupported);\r\n export default BrowserNotSupported;","import React from 'react';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { authInProgress} from '../../LocalizationMessages';\r\nclass AuthInProgress extends React.Component {\r\n \r\n render() {\r\n const localizationService = this.context.localization;\r\n return (\r\n{localizationService.toLanguageString(authInProgress, '')}
\r\n \r\n );\r\n }\r\n }\r\n registerForLocalization(AuthInProgress);\r\n export default AuthInProgress;","import React from 'react';\r\nimport logo from '../../images/60px-Tengizchevroil_Logo.png';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { registerForLocalization } from '@progress/kendo-react-intl';\r\nimport { advancedSearchLink, smartSearchLink, mainHeader } from '../../LocalizationMessages';\r\n\r\nclass Header extends React.Component {\r\n onLinkClick = (event, path) => {\r\n event.preventDefault();\r\n this.props.history.push(path);\r\n }\r\n\r\n\r\n render() {\r\n const localizationService = this.context.localization;\r\n const { toggleLang, currentLanguage, location } = this.props;\r\n let currentPath = location.pathname;\r\n let pathName = currentPath.split('/')[1];\r\n let langLabel = currentLanguage === 'en' ? 'Русский' : 'English';\r\n let mainHeaderLabel = localizationService.toLanguageString(mainHeader, '');\r\n let menuLink;\r\n let menuLinkText;\r\n if (pathName === 'smart-search') {\r\n menuLink = '/advanced-search';\r\n menuLinkText = localizationService.toLanguageString(advancedSearchLink, '');\r\n }\r\n else {\r\n menuLink = '/smart-search';\r\n menuLinkText = localizationService.toLanguageString(smartSearchLink, '');\r\n }\r\n\r\n\r\n return (\r\n