{formatText(name, 40)}
;\r\n\r\n return (formatText(name, 40).length > 40 ?\r\n \r\n {relationShipStrength}\r\n
\r\n );\r\n}\r\n\r\nexport const renderLoadingSpinner = () => {\r\n return (\r\n \r\n \r\n Loading...\r\n \r\n
\r\n );\r\n}\r\n\r\nexport const mapValidationField = (field, isAccountType) => {\r\n let prospectMapping = {\r\n 'emailAddressExternal': 0,\r\n 'phoneExternal': 1\r\n };\r\n\r\n let accountMapping = {};\r\n\r\n if (isAccountType) return accountMapping[field];\r\n return prospectMapping[field];\r\n}","import React, { createContext, useReducer } from 'react';\r\nimport AppReducer from './AppReducer';\r\nimport axios from 'axios';\r\nimport config from '../config';\r\nimport { authHeaders } from '../auth/authHeaders';\r\nimport { formatAccountName } from '../../src/components/Shared/Util';\r\n\r\n// Initial state\r\nconst initialState = {\r\n prospect: null,\r\n newsFeed: [],\r\n searchSetting: {},\r\n searchFacet: null,\r\n following: [],\r\n followingAccounts: [],\r\n updatedFollowing: [],\r\n updatedFollowingAccounts: [],\r\n contactOwner: [],\r\n relationshipLead: [],\r\n account: null,\r\n authorized: false,\r\n authentication: null,\r\n isProspectPage: false,\r\n taggedRelationships: [],\r\n userEmail: null,\r\n scoops: null,\r\n intents: null,\r\n prospectValidations: [],\r\n accountValidations: []\r\n}\r\n\r\n// Create context\r\nexport const GlobalContext = createContext(initialState);\r\n\r\n// Provider component\r\nexport const GlobalProvider = (props) => {\r\n const [state, dispatch] = useReducer(AppReducer, initialState);\r\n\r\n // Actions\r\n const getProspect = async (id) => {\r\n let headers = await authHeaders();\r\n let prospectUrl = config.azRedirectUri + '/api/prospects/' + id;\r\n\r\n await axios.get(prospectUrl, headers).then((response) => {\r\n let companyName = null;\r\n\r\n if (response && response.data && response.data.company && response.data.company.name) {\r\n companyName = formatAccountName(response.data.company.name);\r\n response.data.company.name = companyName;\r\n\r\n dispatch({\r\n type: 'GET_ACCOUNT',\r\n payload: response.data.company\r\n });\r\n }\r\n\r\n if (response && response.data && response.data.primaryKeyBuyerOf && response.data.primaryKeyBuyerOf.length > 0) {\r\n response.data.primaryKeyBuyerOf.map((opp) => {\r\n opp.companyName = formatAccountName(opp.companyName);\r\n });\r\n }\r\n\r\n dispatch({\r\n type: 'GET_PROSPECT',\r\n payload: response.data\r\n });\r\n if (response.data.company.relProAccountId)\r\n getScoopsIntents(response.data.company.relProAccountId);\r\n if (response.data.company && response.data.company.tickerSymbol)\r\n getCompanyNews(response.data.company.tickerSymbol, companyName);\r\n\r\n }).catch((err) => {\r\n dispatch({\r\n type: 'GET_PROSPECT',\r\n payload: null\r\n });\r\n dispatch({\r\n type: 'GET_ACCOUNT',\r\n payload: null\r\n });\r\n });\r\n }\r\n\r\n const getAccount = async (accountId) => {\r\n let headers = await authHeaders();\r\n let url = config.azRedirectUri + '/api/accounts/' + accountId;\r\n\r\n await axios.get(url, headers).then((response) => {\r\n let companyName = null;\r\n\r\n if (response && response.data && response.data.name) {\r\n companyName = formatAccountName(response.data.name);\r\n response.data.name = companyName;\r\n }\r\n\r\n dispatch({\r\n type: 'GET_ACCOUNT',\r\n payload: response.data\r\n });\r\n if (response.data.relProAccountId)\r\n getScoopsIntents(response.data.relProAccountId);\r\n if (response.data.tickerSymbol)\r\n getCompanyNews(response.data.tickerSymbol, companyName);\r\n }).catch((err) => {\r\n dispatch({\r\n type: 'GET_ACCOUNT',\r\n payload: null\r\n });\r\n });\r\n }\r\n\r\n const getCompanyNews = async (tickerSymbol, companyName) => {\r\n if (tickerSymbol) {\r\n let ticker = tickerSymbol ? '%20' + encodeURIComponent(tickerSymbol) : '';\r\n let url = 'https://www.bing.com/news/search?q=' + encodeURIComponent('\"' + companyName + '\"') + ticker + '&format=RSS';\r\n var yql = 'https://api.rss2json.com/v1/api.json?rss_url=' + encodeURIComponent(url);\r\n\r\n let news = await getCompanyNewsCall(yql);\r\n\r\n if (news.length === 0) {\r\n ticker = tickerSymbol ? '%20' + encodeURIComponent('\"' + tickerSymbol + '\"') : '';\r\n url = 'https://www.bing.com/news/search?q=' + encodeURIComponent(companyName) + ticker + '&format=RSS';\r\n yql = 'https://api.rss2json.com/v1/api.json?rss_url=' + encodeURIComponent(url);\r\n news = await getCompanyNewsCall(yql);\r\n }\r\n\r\n dispatch({\r\n type: 'GET_NEWSFEED',\r\n payload: news\r\n });\r\n }\r\n else {\r\n dispatch({\r\n type: 'GET_NEWSFEED',\r\n payload: []\r\n });\r\n }\r\n }\r\n\r\n const getCompanyNewsCall = async (yql) => {\r\n return await axios.get(yql)\r\n .then(function (response) {\r\n let data = response.data;\r\n let feed = [];\r\n feed = data.items.sort(function (a, b) {\r\n if (a[\"pubDate\"] > b[\"pubDate\"])\r\n return -1;\r\n else if (a[\"pubDate\"] < b[\"pubDate\"])\r\n return 1;\r\n return 0;\r\n })\r\n feed = feed.filter((v, i, a) => a.findIndex(a => (a[\"title\"] === v[\"title\"])) === i).splice(0, 10);\r\n if (feed.length > 0) {\r\n for (let i = 0; i < feed.length; i++) {\r\n feed[i].link = feed[i].link.replace(new RegExp('amp;', 'g'), '');\r\n feed[i].title = feed[i].title.replace(new RegExp('amp;', 'g'), '');\r\n }\r\n }\r\n\r\n return feed;\r\n })\r\n .catch(error => {\r\n dispatch({\r\n type: 'GET_NEWSFEED',\r\n payload: []\r\n });\r\n return [];\r\n });\r\n }\r\n\r\n const getScoopsIntents = async (relProAccountId) => {\r\n\r\n let relProId = relProAccountId ? relProAccountId.replace('/', '%2F') : null\r\n let headers = await authHeaders();\r\n let scoopUrl = config.azRedirectUri + '/api/Scoop';\r\n let intentUrl = config.azRedirectUri + '/api/Intent';\r\n await Promise.all([axios.post(scoopUrl, { accountId: relProId }, headers), axios.post(intentUrl, { accountId: relProId }, headers)])\r\n .then((responses) => {\r\n const [scoopsResponse, intentsResponse] = responses;\r\n if (scoopsResponse.data.length > 0) {\r\n dispatch({\r\n type: 'GET_SCOOPS',\r\n payload: scoopsResponse.data\r\n })\r\n }\r\n if (intentsResponse.data.length > 0) {\r\n dispatch({\r\n type: 'GET_INTENTS',\r\n payload: intentsResponse.data\r\n })\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: 'GET_SCOOPS',\r\n payload: null\r\n });\r\n dispatch({\r\n type: 'GET_INTENTS',\r\n payload: null\r\n })\r\n });\r\n }\r\n\r\n const getFollowing = async () => {\r\n let headers = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/followedprospects';\r\n\r\n await axios.get(url, headers)\r\n .then((res) => {\r\n dispatch({\r\n type: 'GET_FOLLOWING',\r\n payload: res.data\r\n });\r\n })\r\n }\r\n\r\n const followProspect = async (id) => {\r\n let headers = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/followprospect/' + id;\r\n\r\n await axios.post(url, null, headers)\r\n .then((res) => {\r\n getFollowing();\r\n })\r\n }\r\n\r\n const getContactOwner = async () => {\r\n let header = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/contactowner';\r\n\r\n await axios.get(url, header)\r\n .then((res) => {\r\n dispatch({\r\n type: 'GET_CONTACTOWNER',\r\n payload: res.data\r\n })\r\n })\r\n }\r\n\r\n const getRelationshipLead = async () => {\r\n let header = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/relationshiplead';\r\n\r\n await axios.get(url, header)\r\n .then((res) => {\r\n dispatch({\r\n type: 'GET_RELATIONSHIPLEAD',\r\n payload: res.data\r\n })\r\n })\r\n }\r\n\r\n const getFollowingAccounts = async () => {\r\n let headers = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/followedaccounts';\r\n\r\n await axios.get(url, headers)\r\n .then((res) => {\r\n dispatch({\r\n type: 'GET_FOLLOWING_ACCOUNTS',\r\n payload: res.data\r\n });\r\n })\r\n }\r\n\r\n const followAccount = async (id) => {\r\n let headers = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/followaccount/' + id;\r\n\r\n await axios.post(url, null, headers)\r\n .then((res) => {\r\n getFollowingAccounts();\r\n })\r\n }\r\n\r\n const setSearchSetting = (settings) => {\r\n dispatch({\r\n type: 'SET_SEARCH_SETTING',\r\n payload: settings\r\n });\r\n }\r\n\r\n const setSearchFacet = (facet) => {\r\n dispatch({\r\n type: 'SET_FACET',\r\n payload: facet\r\n });\r\n }\r\n\r\n const setAuthorized = (isAuthorized) => {\r\n dispatch({\r\n type: 'SET_AUTHORIZED',\r\n payload: isAuthorized\r\n });\r\n }\r\n\r\n const setUpdatedFollowing = (data) => {\r\n dispatch({\r\n type: 'SET_UPDATED_FOLLOWING',\r\n payload: data\r\n });\r\n }\r\n\r\n const setUpdatedFollowingAccounts = (data) => {\r\n dispatch({\r\n type: 'SET_UPDATED_FOLLOWING_ACCOUNTS',\r\n payload: data\r\n });\r\n }\r\n\r\n const setIsProspectPage = (prospectPage) => {\r\n dispatch({\r\n type: 'SET_PROSPECT_PAGE',\r\n payload: prospectPage\r\n });\r\n }\r\n\r\n const getTaggedRelationships = async () => {\r\n let header = await authHeaders();\r\n let url = config.azRedirectUri + '/api/user/taggedrelationships';\r\n\r\n await axios.get(url, header)\r\n .then((res) => {\r\n dispatch({\r\n type: 'GET_TAGGEDRELATIONSHIPS',\r\n payload: res.data\r\n });\r\n });\r\n }\r\n\r\n const setUserEmail = (data) => {\r\n dispatch({\r\n type: 'SET_USER_EMAIL',\r\n payload: data\r\n });\r\n }\r\n\r\n const getValidation = async (sfdcId, relProId, type) => {\r\n let header = await authHeaders();\r\n let url = `${config.azRedirectUri}/api/user/validation?sfdcId=${sfdcId}&relProId=${relProId}&type=${type}`;\r\n let dispatchType = type === 0 ? 'GET_PROSPECT_VALIDATIONS' : 'GET_ACCOUNT_VALIDATIONS';\r\n\r\n await axios.get(url, header)\r\n .then((res) => {\r\n dispatch({\r\n type: dispatchType,\r\n payload: res.data\r\n });\r\n });\r\n }\r\n\r\n const setValidation = async (sfdcId, relProId, type, state, field) => {\r\n let header = await authHeaders();\r\n let url = `${config.azRedirectUri}/api/user/validation/validate`;\r\n\r\n let body = {\r\n sfdcId,\r\n relProId,\r\n type,\r\n state,\r\n field\r\n };\r\n\r\n await axios.post(url, body, header)\r\n .then((res) => {\r\n let dispatchType = body.type === 0 ? 'GET_PROSPECT_VALIDATIONS' : 'GET_ACCOUNT_VALIDATIONS';\r\n dispatch({\r\n type: dispatchType,\r\n payload: res.data\r\n });\r\n });\r\n }\r\n\r\n return (\r\n {props.data.emailAddress ?\r\n <>\r\n {renderOutlook(props.data.emailAddress)}\r\n {!props.external ?\r\n \r\n \r\n \r\n :\r\n null\r\n }\r\n \r\n :\r\n null\r\n }\r\n {setUpLinkedinUrl(props.data.linkedinUrl)}\r\n {props.isPeopleSearchLive === \"True\" && !props.external && props.data.peopleSearchKey ?\r\n \r\n :\r\n null\r\n }\r\n
\r\n );\r\n};","import React from \"react\";\r\n\r\nconst DefaultPhoto = (props) => (\r\n \r\n
\r\n {props.children}
\r\n Clear
\r\n e.stopPropagation()}>\r\n getLabel(option)}\r\n getOptionValue={(option) => getValue(option)}\r\n components={{\r\n Menu,\r\n ValueContainer,\r\n IndicatorsContainer\r\n }}\r\n placeholder='All'\r\n isSearchable={false}\r\n closeMenuOnSelect={false}\r\n passProps={{ \r\n // passes data to ValueContainer via selectProps\r\n format: props.format \r\n }}\r\n />\r\n
\r\n );\r\n}\r\n\r\n// Custom component must be declared outside of render due to closeMenuOnSelect props\r\nconst ValueContainer = ({ children, getValue, ...props }) => {\r\n // Changes to custom label for input textbox\r\n let values = getValue();\r\n let valueLabel = \"\";\r\n\r\n if (values.length > 0) {\r\n let firstValue = 'Not Available';\r\n\r\n let value = values[0][Object.keys(values[0])[0]];\r\n if (value) {\r\n // no need to deal with Year Ended\r\n if (props.selectProps.passProps.format && props.selectProps.passProps.format === 'date') {\r\n firstValue = formatDate(value);\r\n }\r\n else if (props.selectProps.passProps.format && props.selectProps.passProps.format === 'date-month-year') {\r\n firstValue = formatMonthYearDate(value);\r\n }\r\n else if (props.selectProps.passProps.format && props.selectProps.passProps.format === 'interaction-source') {\r\n firstValue = formatSource(value);\r\n }\r\n else if (props.selectProps.passProps.format && props.selectProps.passProps.format === 'interaction-type') {\r\n firstValue = formatType(value);\r\n }\r\n else if (props.selectProps.passProps.format && props.selectProps.passProps.format === 'number') {\r\n firstValue = value;\r\n }\r\n else {\r\n // limit 30 since input not long enough -> fixes text positioning issue for long filter options\r\n firstValue = value.slice(0, 30);\r\n }\r\n }\r\n\r\n valueLabel = `${firstValue}`;\r\n }\r\n\r\n // Keep standard placeholder and input from react-select\r\n\r\n // Doesn't work due to minification, trying reverse filtering as shown below\r\n //let childsToRender = React.Children.toArray(children).filter(child => [\"Input\", \"DummyInput\", \"Placeholder\"].indexOf(child.type.name) >= 0);\r\n\r\n // Reverse filtering\r\n let childsToRender = React.Children.map(children, (child) => (child && [components.SingleValue, components.MultiValue].indexOf(child.type) === -1) ? child : null);\r\n\r\n return (\r\n
\r\n {\r\n type === 'account' ? \r\n Based on Salesforce events from the previous week
\r\n :\r\n null\r\n }\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n Summary
\r\n {\r\n interactionDetail.interactionGroups.length > 0 ?\r\n <>\r\n - \r\n
- Employee Name: {interactionDetail.employeeName} \r\n {outlookMessagesCount > 0 ?
- Outlook Messages: {outlookMessagesCount} : null}\r\n {outlookEventCount > 0 ?
- Outlook Events: {outlookEventCount} : null}\r\n {sfdcEventCount > 0 ?
- Salesforce Events: {sfdcEventCount} : null}\r\n {sfdcTaskCount > 0 ?
- Salesforce Tasks: {sfdcTaskCount} : null}\r\n
\r\n
\r\n \r\n {connection.employee.photoUrl ?\r\n
\r\n \r\n \r\n
\r\n \r\n {!connection.employee.isTerminated ?\r\n
\r\n
\r\n {connection.employee.isTerminated ? asteriskHoverover(connection.employee.name, false) : connection.employee.name}{(connection.employee.company ? \", \" + connection.employee.company : '')}
\r\n\r\n {\r\n ((connection.employee.title && connection.employee.title.indexOf(' (') > 0) ? connection.employee.title.substring(0, connection.employee.title.indexOf(' (')) : connection.employee.title) +\r\n ((connection.employee.title && connection.employee.city) ? ', ' : '') +\r\n (connection.employee.city ? connection.employee.city + ' Office' : '')\r\n }\r\n
\r\n \r\n \r\n Last Connected: \r\n {formatLastContacted(connection.lastContactTime, connection.lastContactType)}\r\n
\r\n :\r\n null\r\n }\r\n {connection.numberOfInteractions ?\r\n \r\n Number of Interactions: \r\n childRef.current.openModal(id, type, connection.employeeId, connection.employee.name, '', '')}>{connection.numberOfInteractions}\r\n
\r\n :\r\n This contact is tagged as a Relationship within Salesforce
\r\n }\r\n \r\n
\r\n \r\n {ShowInternalConnections(prospect.connections, 'prospect', prospect.id)}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};","import React from 'react';\r\nimport '../Prospect/Overview.css';\r\nimport Card from 'react-bootstrap/Card';\r\nimport { OverlayTooltip } from '../OverlayTooltip';\r\n\r\nexport const PowerBI = (props) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n
\r\n {(prospect.connections && prospect.connections.length > 0) ?\r\n \r\n
\r\n {\r\n \r\n
\r\n }\r\n Relationship Lead
\r\n {\r\n prospect.relationshipLead ?\r\n \r\n
\r\n\r\n :\r\n {prospect.relationshipLead.isTerminated ? asteriskHoverover(prospect.relationshipLead.name, false) : prospect.relationshipLead.name}{prospect.relationshipLead.company ? ', ' + prospect.relationshipLead.company : null}
\r\n \r\n {\r\n ((prospect.relationshipLead.title && prospect.relationshipLead.title.indexOf(' (') > 0) ? prospect.relationshipLead.title.substring(0, prospect.relationshipLead.title.indexOf(' (')) : prospect.relationshipLead.title) +\r\n ((prospect.relationshipLead.title && prospect.relationshipLead.city) ? ', ' : '') +\r\n (prospect.relationshipLead.city ? prospect.relationshipLead.city + ' Office' : '')\r\n }\r\n
\r\n {!prospect.relationshipLead.isTerminated ? \r\n {ShowInternalConnections(prospect.connections.slice(0, 3), 'prospect', prospect.id)}\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};","import React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Overlay, Tooltip } from 'react-bootstrap';\r\nimport './OverlayTooltip.css';\r\n\r\n// Component found from Github - modified\r\nfunction PopoverStickOnHover({ delay, onMouseEnter, children, component, placement }) {\r\n const [showPopover, setShowPopover] = useState(false);\r\n const childNode = useRef(null);\r\n let setTimeoutConst = null;\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (setTimeoutConst) {\r\n clearTimeout(setTimeoutConst);\r\n }\r\n };\r\n });\r\n\r\n const handleMouseEnter = () => {\r\n setTimeoutConst = setTimeout(() => {\r\n setShowPopover(true);\r\n onMouseEnter();\r\n }, delay);\r\n };\r\n\r\n const handleMouseLeave = () => {\r\n clearTimeout(setTimeoutConst);\r\n setShowPopover(false);\r\n };\r\n\r\n const displayChild = React.Children.map(children, child =>\r\n React.cloneElement(child, {\r\n onMouseEnter: handleMouseEnter,\r\n onMouseLeave: handleMouseLeave,\r\n ref: node => {\r\n childNode.current = node;\r\n const { ref } = child;\r\n if (typeof ref === 'function') {\r\n ref(node);\r\n }\r\n }\r\n })\r\n )[0];\r\n\r\n return (\r\n <>\r\n {displayChild}\r\n \r\n
\r\n }\r\n >\r\n {props.data}
\r\n \r\n {renderThumbs()}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const getPKBStatus = () => {\r\n if (prospect.isPrimaryKeyBuyer === true) {\r\n if (prospect.primaryKeyBuyerOf.length > 0) {\r\n if (prospect.primaryKeyBuyerOf[0].companyId === prospect.company.id) {\r\n return (\r\n {\r\n prospect && prospect.awards && prospect.awards.length !== 0 ?\r\n prospect.awards.map((item) => {\r\n return (\r\n
\r\n )\r\n }\r\n\r\n const renderEmployment = () => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : Not Available {item.institutionName}
\r\n {item.certification} {item.endDate ? '- ' + formatDate(item.endDate) : null}
\r\n {item.certificationDescription}
\r\n \r\n {\r\n prospect && prospect.employment && prospect.employment.length !== 0 ?\r\n prospect.employment.map((item, i) => {\r\n return (\r\n
\r\n )\r\n }\r\n\r\n const handleShowMore = () => {\r\n setActivitiesShowMore(!activitiesShowMore)\r\n if (activitiesShowMore) {\r\n setLoad(prospect.activities.length);\r\n }\r\n else {\r\n setLoad(5);\r\n }\r\n }\r\n\r\n const renderActivities = () => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : Not Available {item.companyName}
\r\n {item.title}
\r\n \r\n {\r\n prospect && prospect.activities && prospect.activities.length !== 0 ?\r\n
\r\n )\r\n }\r\n\r\n const renderEducation = () => {\r\n return (\r\n \r\n {\r\n prospect.activities.filter((item, idx) => idx < load).map((item) => {\r\n return (\r\n \r\n {load < prospect.activities.length? 'View More' : 'View Less'}\r\n \r\n
\r\n\r\n : Not Available \r\n
\r\n );\r\n })}\r\n {item.companyName}
\r\n {item.title} {item.EndDate ? '- ' + formatDate(item.EndDate) : null}
\r\n {item.description}
\r\n\r\n \r\n {\r\n prospect && prospect.education && prospect.education.length !== 0 ?\r\n prospect.education.map((item) => {\r\n return (\r\n
\r\n );\r\n }\r\n\r\n const renderExternal = (title, setShowFunction, show, renderFunction) => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : Not Available {item.school}
\r\n {item.educationDegree ? item.educationDegree.areaOfStudy : null}
\r\n {item.educationDegree ? item.educationDegree.degree : null}
\r\n {item.institutionName} {item.EndDate ? '- ' + formatDate(item.EndDate) : null}
\r\n {item.certification}
\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n setShowFunction(!show)} > {title} {show ?
\r\n \r\n {renderFunction()}\r\n
\r\n \r\n
\r\n \r\n {/*{prospect.photoUrl ?\r\n
\r\n {prospect.name}
\r\n{prospect.title}
\r\n {provideLinkToCompanyPage(prospect.company.id) ?\r\n {prospect.company.name}
: \r\n{prospect.company.name}
\r\n }\r\n\r\n Location: \r\n {prospect.location ||
\r\n \r\n In Salesforce?: \r\n {prospect.isInSalesforce ? Yes : 'No'}\r\n
\r\n \r\n Protiviti Alumni?: \r\n {prospect.isProtivitiAlumni ? 'Yes' : 'No'}\r\n
\r\n {/*\r\n Key Buyer?: \r\n {getPKBStatus()}\r\n
*/}\r\n \r\n Contact at Robert Half?: \r\n {prospect.hasRoberthalfContact ? prospect.hasRoberthalfContact : \"No\"}\r\n {prospect.hasRoberthalfContact && prospect.hasRoberthalfContact === \"Yes\" ?
\r\n\r\n {/* Display External data - not actual implementation - created to test Thumbs up & down */}\r\n {prospect.emailAddressExternal ? \r\n \r\n Phone (External): \r\n {prospect.phoneExternal}
\r\n :\r\n null\r\n }\r\n {prospect.phoneExternal ?\r\n \r\n Email (External): \r\n {prospect.emailAddressExternal}
\r\n :\r\n null\r\n }\r\n\r\n \r\n {prospect.instagramUrl ? 
: null}\r\n {prospect.facebookUrl ? \r\n \r\n : null}\r\n
\r\n {renderExternal('Past Job Experience', setEmployment, showEmployment, renderEmployment)}\r\n {renderExternal('Education', setShowEducation, showEducation, renderEducation)}\r\n {renderExternal('Activities', setShowActivities, showActivities, renderActivities)}\r\n {renderExternal('Awards', setShowAwards, showAwards, renderAwards)}\r\n : null}\r\n {prospect.facebookUrl ? \r\n {prospect.phone ?\r\n
\r\n \r\n Work - {prospect.phone}\r\n
: null\r\n }\r\n {prospect.emailAddress ?\r\n \r\n {prospect.emailAddress} \r\n {prospect.emailBounceback ?\r\n \r\n 
\r\n \r\n }\r\n imageType={'question'}\r\n /> : null\r\n }\r\n
: null\r\n }\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const checkAccountType = (accountType) => {\r\n return accountType && (accountType === 'Key' || accountType === 'Strategic');\r\n }\r\n\r\n const renderChildParent = (id, name) => {\r\n return (\r\n provideLinkToCompanyPage(id) ?\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {provideLinkToCompanyPage(account.id) && isProspectPage ?\r\n
\r\n {account.companyPhotoUrl ? : null}\r\n {checkAccountType(account.accountType) ?\r\n {account.name}
:\r\n\r\n {account.name}\r\n
\r\n }\r\n {isFollowing(account.id)}\r\n\r\n {account.accountType} Account\r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n Parent Company: \r\n {account.accountParent ?\r\n
\r\n \r\n {\r\n (account.description && account.description.length > 1200) ?\r\n
\r\n \r\n
\r\n
\r\n Headquarters: {account.headQuarters ? account.headQuarters :
\r\n Industry: {account.industry ? account.industry :
\r\n Sub Industry: {account.subIndustry ? account.subIndustry :
\r\n {account.ownership === 'Public' || account.ownership === null ?\r\n \r\n
\r\n :\r\n Ticker: {account.tickerSymbol ? account.tickerSymbol :
\r\n IPO Date: {(account.ipoDate && account.ipoDate.substring(0, 4) !== '0001') ? formatDate(account.ipoDate) :
\r\n Privately Held Company
\r\n\r\n }\r\n {!account.id ? \r\n \r\n In Salesforce?: No\r\n
\r\n :\r\n null\r\n }\r\n \r\n Number of Employees: {account.numberOfEmployees ? formatNumber(account.numberOfEmployees) :
\r\n Annual Revenue: {account.annualRevenue ? formatRevenue(account.annualRevenue) :
\r\n Fortune Ranking: {account.ranking ? account.ranking :
\r\n Company Created Date: {account.startYear ? account.startYear :
\r\n \r\n Account Deck: \r\n {account.hubId && account.businessContextFrameworkUrl && account.businessContextFrameworkUrl.includes('.pdf') ?\r\n Business Context Framework \r\n :\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n Account PMO: \r\n \r\n
\r\n \r\n Account Leader:
\r\n \r\n Account MD/D
\r\n }\r\n \r\n \r\n
\r\n
\r\n \r\n {account.relProAccountId ?\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {account.hubId ? : null}\r\n \r\n {urlMap(account.socialMediaUrls)}\r\n
\r\n \r\n Website: \r\n {account.websiteUrl ?\r\n {account.websiteUrl} \r\n :\r\n
\r\n \r\n Child Company: \r\n {account.accountChild && account.accountChild.length > 0 ?\r\n \r\n {(showMoreChild ? account.accountChild : account.accountChild.slice(0, 5)).map((child, index) => (\r\n \r\n {renderChildParent(child.id, child.name)}\r\n \r\n ))}\r\n {account.accountChild.length > 5 ? setShowMoreChild(!showMoreChild)}>{showMoreChild ? 'View Less' : `View More (${account.accountChild.length})`} : null}\r\n \r\n :\r\n \"Not Available/Not Applicable\"\r\n }\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n Total # of Projects: {account.numberOfProject}
\r\n \r\n {account && account.name ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n
\r\n {\r\n account.project.length > 0 ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {powerBILink ?\r\n
\r\n \r\n
\r\n : null\r\n }\r\n {account.project.length > 1 ?\r\n Account Financial Data
\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n Total # of Projects: {account.numberOfProject}
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n {e.payload[0].value}\r\n
\r\n );\r\n }\r\n\r\n const onSolutionTimeChange = (time) => {\r\n setSolutionTime(time);\r\n getSolutionPieChart(time);\r\n }\r\n\r\n const pieChartRender = (data) => {\r\n return (\r\n
\r\n {account.solutionNamesA.length > 0 ?\r\n \r\n
\r\n :\r\n <>\r\n These are projects that have incurred fees over the given time period.
\r\n \r\n
\r\n Total # of Projects: {projectCount}
\r\n \r\n {solutionPieChart.length > 0 ? pieChartRender(solutionPieChart) : pieChartRender(noSolution)}\r\n
\r\n \r\n 
\r\n
\r\n \r\n {solutionPieChart.length > 0 ?\r\n
\r\n \r\n {\r\n solutionPieChart.map((solution, i) => (\r\n
\r\n : null\r\n }\r\n \r\n \r\n
\r\n ))\r\n }\r\n {solution.name}
\r\n \r\n
\r\n \r\n Time Period\r\n
\r\n \r\n {solutionTime || 'All'} onSolutionTimeChange('All')}>All \r\n onSolutionTimeChange('Rolling 12 Months')}>Rolling 12 Months \r\n onSolutionTimeChange('Past 3 Years')}>Past 3 Years \r\n onSolutionTimeChange('Past 5 Years')}>Past 5 Years \r\n \r\n
\r\n \r\n
\r\n Open Opportunities \r\n {account.openOpportunity.length > 0 ? null :
\r\n :\r\n null\r\n :\r\n account && account.name ?\r\n \r\n All Opportunities \r\n {account.allOpportunity.length > 0 ? null :
\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n Total Open Opps: {account.numberOfOpenOpportunity}
\r\n Total Opps: {account.numberOfAllOpportunity}
\r\n \r\n For additional opportunities, see Salesforce.\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n :\r\n null\r\n }\r\n {\r\n opportunityState === 'open' ?\r\n account.openOpportunity.length > 0 ?\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {opportunityState === 'open' ?\r\n ((account.openOpportunity.length > 1) ? triggerFilter(showFilters, setShowFilters) : null)\r\n :\r\n ((account.allOpportunity.length > 1) ? triggerFilter(showFilters, setShowFilters) : null)\r\n }\r\n
\r\n \r\n
\r\n 0) || (opportunityState === 'all' && account.allOpportunity && account.allOpportunity.length > 0)) && showFilters) ? 'visible' : 'hidden' }}>\r\n Clear Filters\r\n
\r\n \r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n\r\n Total # of Open Opps: {account.numberOfOpenOpportunity}
\r\n Total # of Opps: {account.numberOfAllOpportunity}
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n - \r\n {newsFeed.map((item, i) =>\r\n
- \r\n
{item.title}
\r\n{formatDate(item.pubDate)}
\r\n \r\n )}\r\n
\r\n Company News {newsFeed.length > 0 ? null :
\r\n
\r\n \r\n :\r\n <>\r\n Company News {newsFeed.length > 0 ? null :
\r\n
\r\n \r\n }\r\n\r\n {\r\n newsFeed.length > 0 ?\r\n <>\r\n - \r\n {mostRecentFeed.map((item, i) =>\r\n
- \r\n
{item.title}
\r\n{formatDate(item.pubDate)}
\r\n \r\n )}\r\n
\r\n
\r\n {prospect.name} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n
\r\n Total # of Opps: {prospect.numberOfPrimaryKeyBuyerOf}
\r\n \r\n \r\n
\r\n
\r\n {\r\n prospect.primaryKeyBuyerOf && prospect.primaryKeyBuyerOf.length > 0 ?\r\n \r\n {prospect.name} \r\n
\r\n \r\n {prospect.primaryKeyBuyerOf && prospect.primaryKeyBuyerOf.length > 1 ?\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n
\r\n Total # of Opps: {prospect.numberOfPrimaryKeyBuyerOf}
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
This person has not been a key buyer with Protiviti
\r\n \r\n }\r\n \r\n {prospect.name} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n \r\n
\r\n {prospect.campaigns && prospect.campaigns.length > 1 ?\r\n
\r\n {\r\n prospect.campaigns && prospect.campaigns.length > 0 ?\r\n \r\n {prospect.name} \r\n
\r\n {prospect.campaigns && prospect.campaigns.length > 1 ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n {e.payload[0].value}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n
\r\n {!isProspectPage ?\r\n Protiviti marketing topics that employees from this account have interacted with.
\r\n :\r\n Protiviti marketing topics that this prospect interacted with.
\r\n }\r\n {(props && props.marketingSolutionData && props.marketingSolutionData.marketingSolutionA && props.marketingSolutionData.marketingSolutionA.length > 0) ?\r\n <>\r\n \r\n
\r\n {(graphData.length > 0) ?\r\n \r\n
\r\n \r\n
\r\n \r\n Action Taken\r\n
\r\n \r\n {actionTaken} onActionChange(action)}>{action} \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n Time Period\r\n
\r\n \r\n {solutionTime} onTimeChange(time)}>{time} \r\n ))}\r\n \r\n
\r\n \r\n
\r\n :\r\n <>\r\n \r\n \r\n \r\n \r\n {graphData.map((x, i) => | )}\r\n \r\n \r\n
\r\n \r\n {graphData.map((x, i) => (\r\n
\r\n {x.solution}
\r\n ))}\r\n \r\n
{`There are no marketing campaigns that this ${isProspectPage ? 'prospect' : 'account'} has taken action on for the time period selected.`}
\r\n \r\n }\r\n \r\n :\r\n <>\r\n \r\n
- \r\n {value.map(element =>
- {element.firstName + ' ' + element.lastName} )}\r\n
\r\n
\r\n :\r\n null\r\n :\r\n intents && intents.length > 0 ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n\r\n {/*\r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n */}\r\n {/*
*/}\r\n */}\r\n {/*
*/}\r\n {/**/}\r\n {/* {triggerFilter(showFiltersModal, setShowFiltersModal)}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* Clear Filters*/}\r\n {/*
*/}\r\n {/* \r\n
\r\n {componentState === 'scoops' ?\r\n (scoops && scoops.length > 0) ?\r\n \r\n
\r\n\r\n \r\n {getFormatCompanyLink(account.id, account.name)}\r\n
\r\n\r\n {/**/}\r\n {/*
*/}\r\n */}\r\n {/*
*/}\r\n {/**/}\r\n {/* {componentState === 'scoops' ?*/}\r\n {/* ((scoops && scoops.length > 1) ? triggerFilter(showFilters, setShowFilters) : null)*/}\r\n {/* :*/}\r\n {/* ((intents && intents.length > 1) ? triggerFilter(showFilters, setShowFilters) : null)*/}\r\n {/* }*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* 0) || (componentState === 'intents' && intents && intents.length > 0)) && showFilters) ? 'visible' : 'hidden' }}>*/}\r\n {/* Clear Filters*/}\r\n {/*
*/}\r\n {/* \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
This record does not exist or has since been removed from the ProConnect system. Please visit Salesforce to add this record back into the system.
\r\n \r\n
\r\n :\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n 
ProConnect
\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n Help \r\n Email Support \r\n \r\n
\r\n \r\n {facet.map((option, index) => (\r\n option.value ? {option.value} {!filters.hasOwnProperty(catagory) ? ({option.count}) : null}}\r\n onChange={() => filterResults(option.value, catagory)}\r\n value={option.value}\r\n checked={typeof filters[catagory] !== 'undefined' ? (filters[catagory].find(element => element === option.value) ? true : false) : false}\r\n /> : null\r\n ))}\r\n
\r\n )\r\n }\r\n\r\n const filterResults = (value, catagory) => {\r\n let filtersDupe = filters;\r\n \r\n if (filtersDupe[catagory]) {\r\n let index = filtersDupe[catagory].indexOf(value); // check if catagory has already been checked\r\n if (index >= 0) { // uncheck\r\n filtersDupe[catagory].splice(index, 1); // removes index that was checked\r\n if (filtersDupe[catagory].length === 0) {\r\n delete filtersDupe[catagory]; // delete object when empty\r\n }\r\n }\r\n else { // check\r\n filtersDupe[catagory].push(value);\r\n }\r\n }\r\n else { // first time filtering/checking catagory\r\n filtersDupe = { ...filtersDupe, [catagory]: [value] };\r\n }\r\n\r\n setFilters(filtersDupe);\r\n setSkip(0);\r\n setTotalCount(0);\r\n getResult(keyword, 0, filtersDupe, sortBy);\r\n }\r\n\r\n const clearFilters = () => {\r\n setFilters({});\r\n setSortBy(null);\r\n setSkip(0);\r\n setTotalCount(0);\r\n getResult(keyword, 0, {}, null);\r\n }\r\n\r\n const sortResults = (value) => {\r\n setSortBy(value);\r\n setSkip(0);\r\n setTotalCount(0);\r\n getResult(keyword, 0, filters, value);\r\n }\r\n\r\n const filterRender = (field, title, setShowFunction, show, setShowMoreFunction, showMore, titlePlural) => {\r\n return (\r\n facet[field] && facet[field].length > 0 ?\r\n \r\n setShowFunction(!show)}>\r\n {title} {filters[field] ? ({filters[field].length}) : null}\r\n \r\n {show ?
\r\n
: null\r\n )\r\n }\r\n\r\n const removeDuplicates = (results) => {\r\n let flags = {};\r\n let newResults = results.filter(function (entry) {\r\n if (flags[entry.document.companyName]) {\r\n return false;\r\n }\r\n flags[entry.document.companyName] = true;\r\n return true;\r\n });\r\n return newResults;\r\n }\r\n\r\n //return nothing while fetching data\r\n if (loading) {\r\n return null;\r\n }\r\n\r\n return (\r\n setShowFunction(!show)}>\r\n {title} {filters[field] ? ({filters[field].length}) : null}\r\n \r\n {show ?
\r\n \r\n {renderFilter((showMore ? facet[field] : facet[field].slice(0, 10)), field)}\r\n {facet[field].length > 10 ?\r\n
\r\n { setShowMoreFunction(!showMore) }}>\r\n \r\n {showMore ?
\r\n :\r\n null\r\n }\r\n Search Results
\r\nFilter
\r\nFiltering removes unwanted data from the results displayed
\r\nclearFilters()}>\r\n {Object.keys(filters).length === 0 ? 'Default' : 'Clear All Filters'}\r\n
\r\n {filterRender('CompanyName', 'Company', setShowCompany, showCompany, setShowMoreCompany, showMoreCompany, 'Companies')}\r\n {filterRender('Title', 'Position', setShowPosition, showPosition, setShowMorePosition, showMorePosition, 'Positions')}\r\n {filterRender('Function', 'Function', setShowFunction, showFunction, setShowMoreFunction, showMoreFunction, 'Functions')}\r\n {filterRender('Level', 'Level', setShowLevel, showLevel, setShowMoreLevel, showMoreLevel, 'Levels')}\r\n\r\n \r\n {results ? \r\n\r\n
\r\n Showing {skip + 1} - {(top * ((skip / top) + 1) >= totalCount) ? totalCount : top * ((skip / top) + 1)} of {totalCount} results
\r\n \r\n {(sortOptions[sortBy] || 'Default')} sortResults(null)}>Default \r\n sortResults('FirstName')}>First Name \r\n sortResults('LastName')}>Last Name \r\n sortResults('CompanyName')}>Company \r\n sortResults('Title')}>Position \r\n \r\n
\r\n Sort by
\r\n Accounts
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n })}\r\n \r\n {result.document.companyPhotoUrl ?\r\n \r\n :\r\n
\r\n \r\n {\r\n provideLinkToCompanyPage(result.document.contactId) ?\r\n {result.document.companyName ? formatAccountName(result.document.companyName) : null} :\r\n
{result.document.companyName ? formatAccountName(result.document.companyName) : null}
\r\n }\r\n \r\nContacts
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n {/*{result.document.photoUrl ?\r\n
\r\n \r\n {result.document.name}\r\n
\r\n\r\n {result.document.title}\r\n
\r\n {\r\n provideLinkToCompanyPage(result.document.contactId) ?\r\n {result.document.companyName ? formatAccountName(result.document.companyName) : null} :\r\n\t\t\t\t\t\t\t\t\t\t\t {result.document.companyName ? formatAccountName(result.document.companyName) : null}
\r\n\t\t\t\t\t\t\t\t\t\t }\r\n\r\n {((totalCount !== 0) && (skip !== 0)) ? : }\r\n {((totalCount !== 0) && (Math.ceil(totalCount / top) !== (skip + top) / top)) ? : }\r\n
\r\n \r\n :\r\n \r\n Search for \"{keyword}\"\r\n
\r\n Sorry, there are no records found for this person or company based on the filters selected.\r\n
\r\n }\r\n \r\n :\r\n \r\n Sorry, there are no records found for this person or company based on the filters selected.\r\n
\r\n Search for \"{keyword}\"\r\n
\r\n Sorry, there are no records found for this person or company.\r\n
\r\n }\r\n \r\n Sorry, there are no records found for this person or company.\r\n
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\r\n\tconst triggerFollowProspect = (id, e) => {\r\n\t\te.preventDefault();\r\n\t\tfollowProspect(id);\r\n\t}\r\n\t\r\n return (\r\n\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{/*{result.photoUrl ?\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{isFollowing(result.id)}\r\n\t\t\t\t\t\t\t\t\t\t\t{result.showLastModified ? formatDate(result.modifiedDate) : null}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t {result.name}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t{result.relationShipStrength ? renderTaggedRelationship(result.relationShipStrength) : null}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{result.title}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tprovideLinkToCompanyPage(result.companyId) ? \r\n\t\t\t\t\t\t\t\t\t\t\t{result.companyName ? formatAccountName(result.companyName) : null} :\r\n\t\t\t\t\t\t\t\t\t\t\t{result.companyName ? formatAccountName(result.companyName) : null}
\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tconst triggerFollow = (id, e) => {\r\n\t\te.preventDefault();\r\n\t\tfollowAccount(id);\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{result.companyPhotoUrl ?\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{result.name ? formatAccountName(result.name) : null}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{isFollowing(result.id)}\r\n\t\t\t\t\t\t\t\t\t\t\t{result.showLastModified ? formatDate(result.modifiedDate) : null}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n \r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\nimport './Home.css';\r\nimport { Container, Row, Col, Button, Modal } from 'react-bootstrap/';\r\n//import defaultPicture from '../images/defaultprofilepicture.PNG';\r\nimport axios from 'axios';\r\nimport config from '../../config';\r\nimport { Link } from 'react-router-dom';\r\nimport { authHeaders } from '../../auth/authHeaders';\r\nimport { GlobalContext } from '../../context/GlobalState';\r\nimport { ProspectCards } from './ProspectCards';\r\nimport { AccountCards } from './AccountCards';\r\nimport PersonAddIcon from '@material-ui/icons/PersonAdd';\r\nimport PageviewIcon from '@material-ui/icons/Pageview';\r\nimport UpdateIcon from '@material-ui/icons/Update';\r\nimport BusinessIcon from '@material-ui/icons/Business';\r\nimport PeopleIcon from '@material-ui/icons/People';\r\nimport { Unauthorized } from '../Unauthorized';\r\nimport { showModifiedDate, filterModifiedDate } from '../Shared/Util';\r\n\r\nexport const Home = () => {\r\n\tconst { following, followingAccounts, relationshipLead, getRelationshipLead, setUpdatedFollowing, setUpdatedFollowingAccounts, taggedRelationships, getTaggedRelationships } = useContext(GlobalContext);\r\n\tconst [loading, setLoading] = useState(true);\r\n\tconst [history, setHistory] = useState(null);\r\n\tconst [updatedFollowingState, setUpdatedFollowingState] = useState([]);\r\n\tconst [showMoreFollowing, setShowMoreFollowing] = useState(false);\r\n\tconst [showMoreUpdated, setShowMoreUpdated] = useState(false);\r\n\tconst [updatedFollowingAccountsState, setUpdatedFollowingAccountsState] = useState([]);\r\n\tconst [showMoreFollowingAccounts, setShowMoreFollowingAccounts] = useState(false);\r\n\tconst [showMoreUpdatedAccounts, setShowMoreUpdatedAccounts] = useState(false);\r\n\tconst [showMoreRelationshipLead, setShowMoreRelationshipLead] = useState(false);\r\n\tconst [showMoreTaggedRelationships, setShowMoreTaggedRelationships] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tfetchData();\r\n\t\tgetRelationshipLead();\r\n\t\tgetTaggedRelationships();\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (following.length !== 0) {\r\n\t\t\tlet filtered = filterModifiedDate(following);\r\n\t\t\tsetUpdatedFollowingState(filtered);\r\n\t\t\tsetUpdatedFollowing(filtered);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tsetUpdatedFollowingState([]);\r\n\t\t\tsetUpdatedFollowing([]);\r\n\t\t}\r\n\t}, [following]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (followingAccounts.length !== 0) {\r\n\t\t\tlet filtered = filterModifiedDate(followingAccounts);\r\n\t\t\tsetUpdatedFollowingAccountsState(filtered);\r\n\t\t\tsetUpdatedFollowingAccounts(filtered);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tsetUpdatedFollowingAccountsState([]);\r\n\t\t\tsetUpdatedFollowingAccounts([]);\r\n\t\t}\r\n\t}, [followingAccounts])\r\n\r\n\tconst fetchData = async () => {\r\n\t\tlet headers = await authHeaders();\r\n\t\tlet url = config.azRedirectUri + '/api/user/userHistory';\r\n\t\tawait axios.get(url, headers)\r\n\t\t\t.then(function (response) {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t\tif (response.data.length === 0) {\r\n\t\t\t\t\tsetHistory(null);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tsetHistory(response.data);\r\n }\r\n\t\t\t})\r\n\t\t\t.catch(function (error) {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t\tsetHistory(null);\r\n\t\t\t});\r\n\t}\r\n\r\n\tconst handleShowMoreFollowing = () => setShowMoreFollowing(!showMoreFollowing);\r\n\tconst handleShowMoreUpdated = () => setShowMoreUpdated(!showMoreUpdated);\r\n\tconst handleShowMoreFollowingAccounts = () => setShowMoreFollowingAccounts(!showMoreFollowingAccounts);\r\n\tconst handleShowMoreUpdatedAccounts = () => setShowMoreUpdatedAccounts(!showMoreUpdatedAccounts);\r\n\tconst handleShowMoreRelationshipLead = () => setShowMoreRelationshipLead(!showMoreRelationshipLead);\r\n\tconst handleShowMoreTaggedRelationships = () => setShowMoreTaggedRelationships(!showMoreTaggedRelationships);\r\n\r\n\tconst renderCards = (field, value) => {\r\n\t\tif (value && value.length !== 0) {\r\n\t\t\tlet title = null;\r\n\t\t\tlet icon = null;\r\n\t\t\tlet showFlag = null;\r\n\t\t\tlet handleShowMore = null;\r\n\t\t\tlet cardSlice = null;\r\n\t\t\tlet cardAll = null;\r\n\t\t\tlet contactsUpdated = null;\r\n\t\t\tlet accountsUpdated = null;\r\n\t\t\tlet followHelpText = null;\r\n\r\n\t\t\tswitch (field) {\r\n\t\t\t\tcase 'history':\r\n\t\t\t\t\ttitle = 'Profiles you have recently viewed';\r\n\t\t\t\t\ticon = \r\n
\r\n Welcome to the ProConnect Application
\r\n {props && props.welcome ? \r\n\r\n
\r\n :\r\n ProConnect is a web application dashboard that aggregates important and relevant information about our clients and their companies to develop meaningful client relationships
\r\nPlease search a client or company
\r\nQuotation marks, \" \", should ideally be used if you want the search engine to only look for sites with exact phrasing.
\r\nUnfortunately you do not have access to this application. If you should have access to this site or would like access, please contact the ProConnect Support Team.
\r\n }\r\n\r\n \r\n
\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn null;\r\n }\r\n\t\t\t\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn null;\r\n }\r\n }\r\n\r\n\tif (loading) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t{icon} {title}
\r\n\t\t\t\t\t\t{field === 'relationshipLead' ?\r\n\t\t\t\t\t\t\t {followHelpText}
\r\n\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t {followHelpText}
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{cardSlice}\r\n\t\t\t\t\t\t{field === 'history' ?\r\n\t\t\t\t\t\t\tnull\r\n\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{'View More'}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{cardAll}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t{icon} {title}
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t{history || following.length !== 0 || followingAccounts.length !== 0 || relationshipLead.length !== 0 ?\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{(following.length !== 0 || followingAccounts.length !== 0 || relationshipLead.length !== 0) ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t\t:\r\n\t\t\t\t
\r\n );\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\nimport './Home.css';\r\nimport '../SearchResult.css';\r\nimport { Link } from 'react-router-dom';\r\nimport { Container, CardDeck, Button, Form, FormControl, ToggleButtonGroup, ToggleButton } from 'react-bootstrap/';\r\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\r\nimport { Search } from '@material-ui/icons';\r\nimport { GlobalContext } from '../../context/GlobalState';\r\nimport { ProspectCards } from './ProspectCards';\r\nimport { AccountCards } from './AccountCards';\r\nimport PersonAddIcon from '@material-ui/icons/PersonAdd';\r\nimport UpdateIcon from '@material-ui/icons/Update';\r\nimport BusinessIcon from '@material-ui/icons/Business';\r\nimport PeopleIcon from '@material-ui/icons/People';\r\nimport { showModifiedDate, filterModifiedDate, getRelationshipStyle } from '../Shared/Util';\r\n\r\nexport const ViewMore = (props) => {\r\n const { match: { params } } = props; //get params\r\n\r\n const { following, followingAccounts, relationshipLead, updatedFollowing, updatedFollowingAccounts, setUpdatedFollowing, setUpdatedFollowingAccounts, getRelationshipLead, taggedRelationships, getTaggedRelationships } = useContext(GlobalContext);\r\n const [page, setPage] = useState(0);\r\n const [search, setSearch] = useState('');\r\n const [searchTerm, setSearchTerm] = useState('');\r\n const [filterParam, setFilterParam] = useState('All');\r\n const [results, setResults] = useState([]); // cards shown on current page\r\n const [allResults, setAllResults] = useState([]); // all cards returned within all pages, changes based on what is being searched\r\n const [data, setData] = useState([]); // all cards, everything, initial data\r\n const [type, setType] = useState(null);\r\n const [title, setTitle] = useState('')\r\n const [iconElement, setIconElement] = useState(null)\r\n const [helpText, setHelpText] = useState('');\r\n\r\n useEffect(() => {\r\n if (props && props.match && props.match.params) {\r\n switch (params.field) {\r\n case 'contacts':\r\n setType('contact');\r\n setTitle('Contacts You Follow');\r\n setIconElement(\r\n
\r\n {results.length !== 0 ? \r\n
\r\n \r\n
\r\n \r\n {iconElement} {title}\r\n
\r\n {helpText}
\r\n \r\n Search {title}\r\n
\r\n \r\n \r\n {\r\n title === 'My Relationships' ?\r\n \r\n filterResults(\"All\", e)}>All \r\n filterResults(\"A-List\", e)}>A-List \r\n filterResults(\"QBR\", e)}>QBR \r\n filterResults(\"RBC\", e)}>RBC \r\n filterResults(\"TR\", e)}>TR \r\n filterResults(\"NR\", e)}>NR \r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n {results.length !== 0 ? \r\n
\r\n \r\n {(type && type === 'account') ? \r\n
\r\n :\r\n \r\n {search ? `${results.length} records found.` : `You have ${allResults.length} ${title}.`}\r\n
\r\n \r\n {(allResults.length > 18 && page !== 0) ? : }\r\n {(allResults.length > 18 && (Math.ceil(allResults.length / 18) !== (page * 18 + 18) / 18)) ? : }\r\n
\r\n \r\n {\r\n searchTerm !== \"\" ?\r\n Search for \"{searchTerm}\" \r\n :\r\n null\r\n }\r\n
\r\n Sorry, there are no records found.\r\n
\r\n }\r\n \r\n Sorry, there are no records found.\r\n
\r\n
\r\n ),\r\n headerStyle: { fontWeight: '500', width: '190px' },\r\n filter: customFilter({\r\n type: FILTER_TYPES.MULTISELECT,\r\n getFilter: (filter) => {\r\n nameFilter = filter;\r\n },\r\n onFilter: (filterArr, data) => handleOnFilterTable(filterArr, data, 'name')\r\n }),\r\n filterRenderer: (onFilter, column) => \r\n {row.pkbIsNotProspect ? asteriskHoverover(value, true) : {value}}\r\n
\r\n {!row.isDeleted ? handleNumberOfWins(row)}>{value}
\r\n ),\r\n headerStyle: { fontWeight: '500', width: '150px' },\r\n filter: customFilter({\r\n type: FILTER_TYPES.MULTISELECT,\r\n getFilter: (filter) => {\r\n winsFilter = filter;\r\n },\r\n onFilter: (filterArr, data) => handleOnFilterTable(filterArr, data, 'numberOfWins')\r\n }),\r\n filterRenderer: (onFilter, column) => \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersWins, setShowFiltersWins)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n \r\n {Object.entries(modalData.solutionTotal).map(([key, value]) => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n :\r\n null\r\n }\r\n {\r\n {key}
\r\n {padZero(value)}
\r\n \r\n
\r\n
\r\n
\r\n Based on Won opportunities over a rolling 5 years.
\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n
\r\n {(keyBuyers.length > 0) ?\r\n \r\n
\r\n
\r\n {keyBuyers.length > 1 ? \r\n
\r\n Based on Won opportunities over a rolling 5 years.
\r\n \r\n
\r\n : null}\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n {showNumberOfWins()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n
\r\n \r\n }\r\n \r\n
\r\n \r\n {competitor.logo ?\r\n
\r\n \r\n {competitor.competitorSFDCAccountId && provideLinkToCompanyPage(competitor.competitorSFDCAccountId) ?\r\n \r\n \r\n :\r\n
\r\n \r\n {competitor.name}\r\n
\r\n\r\n {competitor.name}\r\n
\r\n }\r\n\r\n Website: \r\n {competitor.website ?\r\n {competitor.website} \r\n :\r\n
\r\n {competitor.revenue ?\r\n \r\n Company Revenue: \r\n {formatRevenue(competitor.revenue)}\r\n
\r\n :\r\n null\r\n }\r\n {competitor.description ? \r\n \r\n {(competitor.description.length > 100 && model === false) ?\r\n
\r\n
\r\n
\r\n
\r\n \r\n {showCompetitors(companyCompetitors, true)}\r\n
\r\n \r\n
\r\n {(companyCompetitors.length > 0) ?\r\n \r\n
\r\n
\r\n
\r\n \r\n {showCompetitors(companyCompetitors.slice(0, 5), false)}\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n
\r\n \r\n }\r\n \r\n
\r\n ),\r\n headerStyle: { fontWeight: '500', width: '190px' },\r\n filter: customFilter({\r\n type: FILTER_TYPES.MULTISELECT,\r\n getFilter: (filter) => {\r\n nameFilter = filter;\r\n },\r\n onFilter: (filterArr, data) => handleOnFilterTable(filterArr, data, 'name')\r\n }),\r\n filterRenderer: (onFilter, column) => \r\n {value}\r\n
\r\n {!row.isDeleted ? \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {triggerFilter(showFiltersModal, setShowFiltersModal)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n
\r\n {(alumni.length > 0) ?\r\n \r\n
\r\n
\r\n {alumni.length > 1 ?\r\n
\r\n \r\n
\r\n : null}\r\n \r\n {triggerFilter(showFilters, setShowFilters)}\r\n
\r\n \r\n
\r\n \r\n Clear Filters\r\n
\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
There are no Protiviti alumni tagged to this account.
\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {account.totalFundingAmount ?
\r\n Total Funding Amount: {formatRevenue(account.totalFundingAmount)}
: null}\r\n \r\n \r\n
\r\n
\r\n {companyFunding && companyFunding.length > 0 ?\r\n \r\n
\r\n \r\n {account.totalFundingAmount ?
\r\n Total Funding Amount: {formatRevenue(account.totalFundingAmount)}
: null}\r\n \r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
Not Available
\r\n \r\n }\r\n \r\n
\r\n \r\n {protivitiPartner.companyPhotoUrl ?\r\n
\r\n \r\n {protivitiPartner.sfdcAccountId && provideLinkToCompanyPage(protivitiPartner.sfdcAccountId) ?\r\n \r\n \r\n :\r\n
\r\n \r\n {protivitiPartner.name}\r\n
\r\n\r\n {protivitiPartner.name}\r\n
\r\n }\r\n\r\n Website: \r\n {protivitiPartner.website ?\r\n {protivitiPartner.website} \r\n :\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {showcompanyTechnologies(companyTechnologies, true)}\r\n
\r\n \r\n
\r\n {(companyTechnologies.length > 0) ?\r\n \r\n
\r\n
\r\n
\r\n \r\n {showcompanyTechnologies(companyTechnologies.slice(0, 5), false)}\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
\r\n
\r\n \r\n }\r\n
\r\n \r\n {ShowInternalConnections(account.connectedColleagues, 'account', account.id)}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};","import React, { useContext, useEffect, useState } from 'react';\r\nimport { GlobalContext } from '../../context/GlobalState';\r\nimport { withRouter, useHistory } from 'react-router-dom';\r\nimport '../Prospect/Overview.css';\r\nimport './CompanyOverview.css';\r\nimport Container from 'react-bootstrap/Container';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\r\nimport { CompanyDescription } from '../Shared/CompanyDescription'\r\nimport { ProtivitiWork } from '../Shared/ProtivitiWork';\r\nimport { Opportunity } from '../Shared/Opportunity';\r\nimport { CompanyNews } from '../Shared/CompanyNews';\r\nimport { ProtivitiWorkSolution } from '../Shared/ProtivitiWorkSolution';\r\nimport { MarketingSolution } from '../Shared/MarketingSolution';\r\nimport { KeyBuyer } from './KeyBuyer';\r\nimport { ScoopsIntents } from '../Shared/ScoopsIntents';\r\nimport { Competitors } from './Competitors';\r\nimport { Alumni } from './Alumni';\r\nimport { Funding } from './Funding';\r\nimport { CompanyTechnologies } from './CompanyTechnologies';\r\nimport { ConnectedColleagues } from './ConnectedColleagues';\r\n\r\nexport const CompanyOverview = withRouter((props) => {\r\n const { account, getAccount, getValidation } = useContext(GlobalContext);\r\n const [prevPathSearch, setPrevPathSearch] = useState(false);\r\n const [loaded, setLoaded] = useState(false);\r\n const [marketingSolutionData, setMarketingSolutionData] = useState(null);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n setLoaded(false);\r\n fetchData();\r\n\r\n if (props.location && props.location.state && props.location.state.prevPath.pathname === '/search') {\r\n setPrevPathSearch(true);\r\n }\r\n else {\r\n setPrevPathSearch(false);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (account) {\r\n let marketingSolution = {\r\n id: account.id,\r\n marketingSolutionA: account.marketingSolutionA,\r\n marketingSolution1Year: account.marketingSolution1Year,\r\n campaignsActionsA: account.campaignsActionsA\r\n };\r\n setMarketingSolutionData(marketingSolution);\r\n\r\n if (account.id && account.relProAccountId) {\r\n getValidation(account.id, account.relProAccountId, 1);\r\n }\r\n }\r\n }, [account]);\r\n\r\n const fetchData = async () => {\r\n const { match: { params } } = props; //get params\r\n await getAccount(params.accountId);\r\n setLoaded(true);\r\n }\r\n\r\n const goBackPrev = () => {\r\n props.history.push({\r\n pathname: props.location.state.prevPath.pathname,\r\n search: props.location.state.prevPath.search,\r\n state: { returnbutton: true }\r\n });\r\n }\r\n\r\n if (!account && loaded) {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n {(account.connectedColleagues && account.connectedColleagues.length > 0) ?\r\n \r\n
\r\n \r\n \r\n {ShowInternalConnections(account.connectedColleagues.slice(0, 3), 'account', account.id)}\r\n \r\n {'View More'}\r\n \r\n {showMoreModal()}\r\n
\r\n :\r\n <>\r\n \r\n
Based on our input, no one from your company has been connecting with contacts from this company.
\r\n \r\n }\r\n This record does not exist or has since been removed from the ProConnect system. Please visit Salesforce to add this record back into the system.
\r\n \r\n
\r\n :\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n let renderProspectCard = () => {\r\n return (\r\n \r\n
\r\n \r\n {employee.employee.photoUrl ?\r\n \r\n :\r\n
\r\n {renderTaggedRelationship(employee.relationShipStrength)}
: null}\r\n \r\n {employee.employee.isTerminated ? asteriskHoverover(employee.employee.name, false) : employee.employee.name}\r\n
\r\n\r\n {\r\n ((employee.employee.title && employee.employee.title.indexOf(' (') > 0) ? employee.employee.title.substring(0, employee.employee.title.indexOf(' (')) : employee.employee.title) +\r\n ((employee.employee.title && employee.employee.city) ? ', ' : '') +\r\n (employee.employee.city ? employee.employee.city + ' Office' : '')\r\n }\r\n
\r\n {employee.lastContactTime ? \r\n \r\n Last Connected: \r\n {formatLastContacted(employee.lastContactTime, employee.lastContactType)}\r\n
\r\n :\r\n null\r\n }\r\n \r\n Number of Interactions: \r\n {employee.numberOfInteractions ?\r\n childRef.current.openModal(prospect.id, employee.employeeId, employee.employee.name, '', '')}>{employee.numberOfInteractions}\r\n :\r\n 0\r\n }\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n let renderCol = (order, toClass) => {\r\n if (internalConnections.length >= order + 1) {\r\n return \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {prospect.photoUrl ?\r\n
\r\n \r\n {prospect.name}\r\n
\r\n\r\n {prospect.title}\r\n
\r\n \r\n {prospect.company.name}\r\n
\r\n {prospect.phone ? \r\n \r\n Work - {prospect.phone}\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {renderCol(0, 'A')}\r\n {renderCol(1, 'B')}\r\n {renderCol(6, 'C')}\r\n {renderCol(8, 'D')}\r\n
\r\n \r\n {renderCol(4, 'E')}\r\n
\r\n \r\n {renderCol(2, 'G')}\r\n {renderCol(3, 'H')}\r\n {renderCol(7, 'I')}\r\n {renderCol(9, 'J')}\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 Number of Interactions
\r\n \r\n
\r\n \r\n \r\n
\r\n 0 - 24
\r\n \r\n \r\n
\r\n 25 - 50
\r\n \r\n \r\n
\r\n 51+
\r\n \r\n {(prospect.connections.length > 10 && page !== 0) ? : }\r\n {(prospect.connections.length > 10 && (Math.ceil(prospect.connections.length / 10) !== (page * 10 + 10) / 10)) ? : }\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n const getHighlight = (name, keyword) => {\r\n if (!name) return null;\r\n\r\n let lowerName = name.toLowerCase();\r\n let index = lowerName.indexOf(keyword);\r\n\r\n if (index === -1) return {name};\r\n\r\n let endIndex = index + keyword.length;\r\n let formatted = name.split('');\r\n formatted.splice(index, 0, '');\r\n formatted.splice(endIndex + 1, 0, '');\r\n formatted = formatted.join('');\r\n\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n );\r\n});","import React, { useState, useEffect, useRef } from 'react';\r\nimport '../Prospect/Overview.css';\r\nimport '../Home/Home.css';\r\nimport '../SearchResult.css';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { Card, Row, Container, DropdownButton, Dropdown } from 'react-bootstrap/';\r\nimport DefaultPhoto from '../Shared/DefaultPhoto';\r\nimport axios from 'axios';\r\nimport config from '../../config';\r\nimport { authHeaders } from '../../auth/authHeaders';\r\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\r\nimport SupervisedUserCircleOutlinedIcon from '@material-ui/icons/SupervisedUserCircleOutlined';\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport PhoneIcon from '@material-ui/icons/Phone';\r\nimport { setUpLinkedinUrl, renderOutlook, renderLoadingSpinner } from '../Shared/Util';\r\nimport salesforce from '../../images/salesforce-logo.png';\r\nimport { OrgChartSearch } from './OrgChartSearch';\r\n\r\nexport const OrgChart = (props) => {\r\n const history = useHistory();\r\n const [clientSideSettings] = useState(JSON.parse(localStorage.getItem('ClientSideSettings')));\r\n const [relProAccountId, setRelProAccountId] = useState(null);\r\n const [sfdcId, setSfdcId] = useState(null);\r\n const [department, setDepartment] = useState('C-Suite');\r\n const [sfdcJobfunction, setSfdcJobfunction] = useState('All');\r\n const [employees, setEmployees] = useState([]);\r\n const [page, setPage] = useState(1);\r\n const [totalResult, setTotalResult] = useState(0);\r\n const [noNextTier, setNoNextTier] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const size = 50;\r\n const [searched, setSearched] = useState(false); // used to filter duplicates after search\r\n const childRef = useRef();\r\n\r\n const zoomInfoOrgChartDepartments = ['C-Suite', 'Finance', 'Human Resources', 'Sales', 'Operations', 'Information Technology', 'Engineering & Technical', 'Marketing', 'Legal', 'Medical & Health', 'Other'];\r\n const sfdcJobFunctions = {\r\n 'C-Suite': ['Executive', 'Marketing & Sales', 'Accounting and Finance', 'Human Resource Management', 'IT - Systems and Applications', 'Legal / General Counsel', 'Innovation & Digital', 'Operations', 'Strategy and Corporate Development'],\r\n 'Finance': ['Accounting and Finance', 'Compliance', 'Risk Management', 'IT - Systems and Applications', 'Purchasing and Procurement', 'Strategy and Corporate Development', 'Customer Service / Support'],\r\n 'Human Resources': ['Human Resource Management', 'IT - Systems and Applications'],\r\n 'Sales': ['Marketing & Sales', 'Customer Service / Support', 'Operations', 'Accounting and Finance', 'Strategy and Corporate Development'],\r\n 'Operations': ['Customer Service / Support', 'Purchasing and Procurement', 'Operations', 'Strategy and Corporate Development', 'Legal / General Counsel', 'Risk Management'],\r\n 'Information Technology': ['IT - Systems and Applications', 'Customer Service / Support', 'Data and Analytics', 'Innovation & Digital', 'Security and Privacy', 'Purchasing and Procurement'],\r\n 'Engineering & Technical': ['Data and Analytics', 'IT - Systems and Applications', 'Innovation & Digital', 'Research and Development (R&D)'],\r\n 'Marketing': ['Marketing & Sales', 'Innovation & Digital', 'Strategy and Corporate Development', 'Customer Service / Support'],\r\n 'Legal': ['Compliance', 'Security and Privacy', 'Legal / General Counsel', 'Research and Development (R&D)', 'Strategy and Corporate Development'],\r\n 'Medical & Health': ['Research and Development (R&D)', 'Operations', 'IT - Systems and Applications'],\r\n 'Other': []\r\n }\r\n\r\n useEffect(() => {\r\n const { match: { params } } = props; //get params\r\n setRelProAccountId(decodeURIComponent(params.externalId));\r\n setSfdcId(params.accountId);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (relProAccountId) {\r\n getOrgChart(department, [0], sfdcJobfunction, 1);\r\n }\r\n }, [relProAccountId]);\r\n\r\n const getOrgChart = async (dept, tiers, sfdcJobFunc, pg) => {\r\n setLoading(true);\r\n\r\n if (sfdcJobFunc === 'All') sfdcJobFunc = '';\r\n\r\n // replace ampersand with %26\r\n let deptUri = dept.replace('&', '%26');\r\n let sfdcJobFuncUri = sfdcJobFunc.replace('&', '%26');\r\n\r\n let headers = await authHeaders();\r\n let uri = `${config.azRedirectUri}/api/orgchart?relProAccountId=${relProAccountId}&department=${deptUri}&sfdcJobFunction=${sfdcJobFuncUri}&page=${pg}&size=${size}`;\r\n \r\n for (let i = 0; i < tiers.length; i++) {\r\n uri += `&orgChartTier=${tiers[i]}`;\r\n }\r\n\r\n await axios.get(uri, headers).then((response) => {\r\n if (response.data.employees !== null) {\r\n let responseEmployees = response.data.employees;\r\n if (pg === 1 && searched) {\r\n // filter duplicate\r\n let currentEmployeesIdSet = new Set(employees.map(_ => _.id));\r\n responseEmployees = responseEmployees.filter(_ => !currentEmployeesIdSet.has(_.id));\r\n }\r\n setEmployees(old => [...old, ...responseEmployees]);\r\n setNoNextTier(false);\r\n setTotalResult(response.data.maxResults);\r\n setPage(pg);\r\n }\r\n else {\r\n setNoNextTier(true);\r\n }\r\n setLoading(false);\r\n setSearched(false);\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const onDepartmentChange = (dept) => {\r\n // C-Suite -> tier 0 -> all\r\n // Everything else -> tier 2 first, if there are no tier 2, backend will call again w/ tier 3+\r\n setDepartment(dept);\r\n setEmployees([]);\r\n let tier = dept === 'C-Suite' ? [0] : [2];\r\n let jobFunction = 'All';\r\n setSfdcJobfunction(jobFunction);\r\n getOrgChart(dept, tier, jobFunction, 1);\r\n\r\n childRef.current.clearSearch();\r\n }\r\n\r\n const onJobFunctionChange = (jobFunction) => {\r\n // 0 tier when filtering job function -> show more results within inner tiers\r\n let tier = (jobFunction === 'All' && department !== 'C-Suite') ? [2] : [0]; \r\n\r\n setSfdcJobfunction(jobFunction);\r\n setEmployees([]);\r\n\r\n getOrgChart(department, tier, jobFunction, 1);\r\n\r\n childRef.current.clearSearch();\r\n }\r\n\r\n const nextPage = () => {\r\n let tier = department === 'C-Suite' ? [0] : [employees[employees.length - 1].orgChartTier];\r\n getOrgChart(department, tier, sfdcJobfunction, page+1);\r\n }\r\n\r\n const nextTier = () => {\r\n let tier = [employees[employees.length - 1].orgChartTier + 1];\r\n getOrgChart(department, tier, sfdcJobfunction, 1);\r\n }\r\n\r\n const selectSearchResult = async (result) => {\r\n // child component -> OrgChartSearch\r\n if (result) {\r\n let idUri = result.id.replace('&', '%26');\r\n let headers = await authHeaders();\r\n let url = `${config.azRedirectUri}/api/orgchart/select?partitionId=${result.partitionId}&id=${idUri}`;\r\n await axios.get(url, headers)\r\n .then((response) => {\r\n setSearched(true);\r\n setEmployees([response.data]);\r\n\r\n setNoNextTier(false);\r\n setTotalResult(Infinity); // set high number so Next Page will always show\r\n setPage(0); // set 0 so next page will be 1\r\n\r\n setDepartment(response.data.department);\r\n setSfdcJobfunction('All');\r\n })\r\n .catch(() => {\r\n \r\n });;\r\n }\r\n }\r\n\r\n const renderEmployee = (employee, i) => {\r\n return (\r\n {getHighlight(fullName, result.keyword)}
\r\n {result.department}
\r\n \r\n {i === 0 || employee.sfdcJobFunction !== employees[i - 1].sfdcJobFunction ?\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n {employee.sfdcJobFunction}\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n \r\n
\r\n {employee.phone || employee.sfdcContactId || employee.linkedinUrl ?\r\n \r\n {employee.picture ?\r\n \r\n :\r\n
\r\n \r\n \r\n {employee.sfdcContactId ?\r\n {`${employee.firstName} ${employee.lastName}`}\r\n :\r\n
\r\n {employee.emailAddress} \r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n {employee.sfdcContactId ?\r\n {`${employee.firstName} ${employee.lastName}`}\r\n :\r\n {`${employee.firstName} ${employee.lastName}`}\r\n }\r\n
\r\n \r\n {employee.title}\r\n
\r\n {employee.emailAddress ?\r\n \r\n {renderOutlook(employee.emailAddress)}\r\n \r\n {employee.phone ?\r\n 
: null}\r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n :\r\n null\r\n }\r\n {employee.linkedinUrl ? {setUpLinkedinUrl(employee.linkedinUrl)} : null}\r\n {employee.sfdcContactId ? \r\n
\r\n {employee.phone} (Work)
\r\n \r\n
\r\n :\r\n null\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
\r\n \r\n
\r\n\r\n \r\n {department} onDepartmentChange(item)}>{item} \r\n ))}\r\n \r\n
\r\n\r\n \r\n Department\r\n
\r\n \r\n {sfdcJobfunction} onJobFunctionChange(item)}>{item} \r\n ))}\r\n \r\n
\r\n \r\n Job Function\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n :\r\n
\r\n {department}
\r\n {(!employees || employees.length === 0) ?\r\n loading ?\r\n renderLoadingSpinner()\r\n :\r\nSorry, there are no records found.
\r\n \r\n {employees.map((employee, i) => (\r\n renderEmployee(employee, i)\r\n ))}\r\n\r\n {loading ?\r\n renderLoadingSpinner() \r\n :\r\n
\r\n }\r\n \r\n {totalResult > size * page ?\r\n
\r\n }\r\n Show More
: null\r\n }\r\n {department !== 'C-Suite' && !noNextTier ?\r\n Show Next Tier
: null\r\n }\r\n \r\n \r\n { appInsights = getAppInsights() }}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n
\r\n Session Timeout Warning
\r\nYou will be timed out in {seconds} seconds
\r\n