PROD - Talent Search Updates (6th of Sept 2023)

package.json

@@ -119,7 +119,7 @@
     "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.26",
     "turndown": "^4.0.2",
     "typescript": "^4.8.4",
-    "universal-navigation": "https://github.com/topcoder-platform/universal-navigation",
+    "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9e62ddc61d",
     "uuid": "^9.0.0"
   },
   "devDependencies": {

src/apps/platform/src/components/app-header/AppHeader.tsx

@@ -37,7 +37,7 @@ interface NavigationRequest {
 
 const AppHeader: FC<{}> = () => {
 
-    const { activeToolName, activeToolRoute }: RouterContextData = useContext(routerContext)
+    const { activeToolName, activeToolRoute, routeNavConfigs }: RouterContextData = useContext(routerContext)
     const { profile, initialized: profileReady }: ProfileContextData = useContext(profileContext)
     const { logoutUrl }: ConfigContextValue = useConfigContext()
     const [ready, setReady]: [boolean, Dispatch<SetStateAction<boolean>>] = useState<boolean>(false)
@@ -95,6 +95,7 @@ const AppHeader: FC<{}> = () => {
                     sprig: 'disable',
                 },
                 onReady() { setReady(true) },
+                showSalesCta: routeNavConfigs?.showSalesCta,
                 signIn() { window.location.href = authUrlLogin() },
                 signOut() { window.location.href = logoutUrl },
                 signUp() { window.location.href = authUrlSignup() },
@@ -112,6 +113,7 @@ const AppHeader: FC<{}> = () => {
         userInfo,
         profileReady,
         logoutUrl,
+        routeNavConfigs,
     ])
 
     // update uni-nav's tool details
@@ -121,6 +123,7 @@ const AppHeader: FC<{}> = () => {
             'update',
             navElementId,
             {
+                showSalesCta: routeNavConfigs?.showSalesCta,
                 toolName: activeToolName,
                 toolRoot: activeToolRoute,
             },
@@ -129,6 +132,7 @@ const AppHeader: FC<{}> = () => {
         activeToolName,
         activeToolRoute,
         navElementId,
+        routeNavConfigs,
     ])
 
     // update uni-nav's user/auth details

src/apps/talent-search/src/lib/services/sprig-survey.ts

@@ -3,6 +3,10 @@ import { UserProfile } from '~/libs/core'
 
 import { SPRIG_CES_SURVEY_ID } from '../../config'
 
-export function triggerSprigSurvey({ userId }: UserProfile): void {
-    sprigTriggerForUser(SPRIG_CES_SURVEY_ID, userId)
+export function triggerSprigSurvey(profile?: UserProfile): void {
+    if (profile?.userId) {
+        sprigTriggerForUser(SPRIG_CES_SURVEY_ID, profile?.userId)
+    } else {
+        sprigTriggerForUser(SPRIG_CES_SURVEY_ID)
+    }
 }

src/apps/talent-search/src/routes/search-page/SearchPage.tsx

@@ -1,24 +1,30 @@
-import { FC, useRef, useState } from 'react'
+import { FC, useContext, useEffect, useRef, useState } from 'react'
 import { useNavigate, useSearchParams } from 'react-router-dom'
 
+import { profileContext, ProfileContextData } from '~/libs/core'
 import { ContentLayout, IconOutline } from '~/libs/ui'
 import { Skill } from '~/libs/shared'
 
 import { SearchInput } from '../../components/search-input'
 import { PopularSkills } from '../../components/popular-skills'
 import { TALENT_SEARCH_PATHS } from '../../talent-search.routes'
 import { encodeUrlQuerySearch } from '../../lib/utils/search-query'
+import { triggerSprigSurvey } from '../../lib/services'
 
 import styles from './SearchPage.module.scss'
 
 export const SearchPage: FC = () => {
+    const sprigFlag = useRef(false)
+
     const [params] = useSearchParams()
     const isMissingProfileRoute = params.get('memberNotFound') !== null
 
     const searchInputRef = useRef<HTMLInputElement>()
     const navigate = useNavigate()
     const [skillsFilter, setSkillsFilter] = useState<Skill[]>([])
 
+    const { profile }: ProfileContextData = useContext(profileContext)
+
     function navigateToResults(): void {
         const searchParams = encodeUrlQuerySearch(skillsFilter)
         navigate(`${TALENT_SEARCH_PATHS.results}?${searchParams}`)
@@ -29,6 +35,18 @@ export const SearchPage: FC = () => {
         searchInputRef.current?.focus()
     }
 
+    useEffect(() => {
+        if (!sprigFlag.current && skillsFilter && skillsFilter.length > 0) {
+            if (profile?.userId) {
+                triggerSprigSurvey(profile)
+            } else {
+                triggerSprigSurvey()
+            }
+
+            sprigFlag.current = true
+        }
+    }, [profile, skillsFilter])
+
     function renderHeader(): JSX.Element {
         return isMissingProfileRoute ? (
             <>

src/apps/talent-search/src/routes/search-results-page/SearchResultsPage.tsx

@@ -1,25 +1,21 @@
-import { FC, useCallback, useContext, useEffect, useRef, useState } from 'react'
+import { FC, useCallback, useState } from 'react'
 import classNames from 'classnames'
 
-import { profileContext, ProfileContextData } from '~/libs/core'
 import { Button, ContentLayout, LinkButton, LoadingCircles } from '~/libs/ui'
-import { EmsiSkillSources, HowSkillsWorkModal, SkillPill } from '~/libs/shared'
+import { HowSkillsWorkModal } from '~/libs/shared'
 
 import { TalentCard } from '../../components/talent-card'
 import { SearchInput } from '../../components/search-input'
 import { useUrlQuerySearchParms } from '../../lib/utils/search-query'
 import {
     InfiniteTalentMatchesResposne,
-    triggerSprigSurvey,
     useInfiniteTalentMatches,
 } from '../../lib/services'
 
 import styles from './SearchResultsPage.module.scss'
 
 const SearchResultsPage: FC = () => {
-    const sprigFlag = useRef(false)
     const [showSkillsModal, setShowSkillsModal] = useState(false)
-    const { profile }: ProfileContextData = useContext(profileContext)
 
     const [skills, setSkills] = useUrlQuerySearchParms('q')
     const {
@@ -34,20 +30,15 @@ const SearchResultsPage: FC = () => {
 
     const skillsModalTriggerBtn = (
         <div className={styles.skillsPill}>
-            <SkillPill
-                skill={{ name: 'Proven skills', skillSources: [EmsiSkillSources.challengeWin] }}
+            <Button
+                link
+                label='Proven skills'
                 onClick={toggleSkillsModal}
+                variant='linkblue'
             />
         </div>
     )
 
-    useEffect(() => {
-        if (profile?.userId && matches?.length && !sprigFlag.current) {
-            sprigFlag.current = true
-            triggerSprigSurvey(profile)
-        }
-    }, [profile, matches])
-
     return (
         <>
             <div className={styles.headerWrap}>

src/apps/talent-search/src/talent-search.routes.tsx

@@ -59,6 +59,9 @@ export const talentSearchRoutes: ReadonlyArray<PlatformRoute> = [
         domain: AppSubdomain.talentSearch,
         element: <TalentSearchAppRoot />,
         id: toolTitle,
+        navConfig: {
+            showSalesCta: true,
+        },
         rolesRequired: isAdminRestricted ? [
             UserRole.administrator,
         ] : undefined,

src/libs/core/lib/router/index.ts

@@ -2,4 +2,5 @@ export * from './router-context'
 export * from './routes-functions'
 export * from './platform-route.model'
 export * from './router.utils'
+export * from './route-nav-config.model'
 export * from './rewrite-route'

src/libs/core/lib/router/platform-route.model.ts

@@ -1,3 +1,5 @@
+import { RouteNavConfig } from './route-nav-config.model'
+
 export interface PlatformRoute {
     domain?: string
     alternativePaths?: Array<string>
@@ -9,4 +11,5 @@ export interface PlatformRoute {
     rolesRequired?: Array<string>
     route: string
     title?: string
+    navConfig?: RouteNavConfig
 }

src/libs/core/lib/router/route-nav-config.model.ts

@@ -0,0 +1,3 @@
+export interface RouteNavConfig {
+    showSalesCta?: boolean
+}

src/libs/core/lib/router/router-context/router.context-provider.tsx

@@ -77,6 +77,7 @@ export const RouterProvider: FC<RouterProviderProps> = (props: RouterProviderPro
             isRootRoute: isRootRoute(loggedInRoot, props.rootLoggedOut),
             rootLoggedInRoute: loggedInRoot,
             rootLoggedOutRoute: props.rootLoggedOut,
+            routeNavConfigs: activeRoute?.navConfig,
         }
         setRouteContextData(contextData)
     }

src/libs/core/lib/router/router-context/router.context.tsx

@@ -1,10 +1,12 @@
 import { Context, createContext, ReactElement } from 'react'
 
 import { PlatformRoute } from '../platform-route.model'
+import { RouteNavConfig } from '../route-nav-config.model'
 
 export interface RouterContextData {
     activeToolName?: string
     activeToolRoute?: string
+    routeNavConfigs?: RouteNavConfig
     allRoutes: Array<PlatformRoute>
     getChildren: (parent: string) => Array<PlatformRoute>
     getChildRoutes: (parent: string) => Array<ReactElement>

yarn.lock

@@ -19095,9 +19095,9 @@ unist-util-visit@^4.0.0:
     unist-util-is "^5.0.0"
     unist-util-visit-parents "^5.1.1"
 
-"universal-navigation@https://github.com/topcoder-platform/universal-navigation":
-  version "1.0.12"
-  resolved "https://github.com/topcoder-platform/universal-navigation#92b8a638a901dedc0b59edb121161d9dabc8333a"
+"universal-navigation@https://github.com/topcoder-platform/universal-navigation#9e62ddc61d":
+  version "1.0.17"
+  resolved "https://github.com/topcoder-platform/universal-navigation#9e62ddc61d44711e501b02e4c0890c348a3aa96d"
 
 universalify@^0.2.0:
   version "0.2.0"