Prod - August 2026 Release 2

.circleci/config.yml

@@ -229,6 +229,8 @@ workflows:
                           only:
                               - dev
                               - copilot_reviewer
+                              - support-app
+                              - PM-5460
                       tags:
                           only: /^dev-.*/
 

README.md

@@ -557,6 +557,7 @@ The following summarizes the various [apps](#adding-a-new-platform-ui-applicatio
 - [Learn](#learn)
 - [Self Service](#self-service)
 - [Status](#status)
+- [Support](#support)
 
 ## Platform App
 
@@ -610,3 +611,11 @@ diagnostic section.
 
 [Status README](./src/apps/status/README.md)
 [Status Routes](./src/apps/status/src/status-app.routes.tsx)
+
+## Support
+
+The application where Topcoder members can open support tickets, track their
+status, and communicate with the Topcoder Support Team.
+
+[Support README](./src/apps/support/README.md)
+[Support Routes](./src/apps/support/src/support-app.routes.tsx)

package.json

@@ -31,6 +31,7 @@
     "@datadog/browser-logs": "^4.50.1",
     "@hello-pangea/dnd": "^18.0.1",
     "@heroicons/react": "^1.0.6",
+    "@highcharts/map-collection": "^2.3.3",
     "@hookform/resolvers": "^4.1.3",
     "@popperjs/core": "^2.11.8",
     "@sprig-technologies/sprig-browser": "^2.39.0",
@@ -125,7 +126,9 @@
     "typescript": "^4.9.5",
     "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#master",
     "uuid": "^11.1.0",
-    "yup": "^1.7.1"
+    "yup": "^1.7.1",
+    "flag-icons": "^6.7.0",
+    "i18n-iso-countries": "^3.7.1"
   },
   "devDependencies": {
     "@babel/core": "^7.29.6",

src/apps/admin/src/lib/components/InputHandlesSelector/InputHandlesSelector.module.scss

@@ -12,8 +12,12 @@
 }
 
 .selectUserHandlesCustomMultiValue {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
     font-size: 13px;
-    padding: 0 8px;
+    line-height: 1.4;
+    padding: 2px 8px;
     margin-right: 6px;
     color: $black-60;
     background-color: $black-10;
@@ -28,6 +32,24 @@
     }
 }
 
+// Sized here so the control works outside admin-app (which provides svg.icon globals).
+.removeIcon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    line-height: 1;
+
+    :global(svg) {
+        display: block;
+        width: 12px;
+        height: 12px;
+        max-width: 12px;
+        max-height: 12px;
+        stroke: currentColor;
+    }
+}
+
 .selectUserHandlesDropdownContainer {
     z-index: 9999 !important;
 }

src/apps/admin/src/lib/services/user.service.ts

@@ -46,11 +46,23 @@ export const getMemberSuggestionsByHandle = async (
         maxRating?: unknown
     }
 
-    const response = await xhrGetAsync<MemberAutocompleteResponse[]>(
-        `${EnvironmentConfig.API.V6}/members/autocomplete/${sanitizedHandle}`,
+    type MemberAutocompletePagedResponse = {
+        result?: MemberAutocompleteResponse[]
+    }
+
+    // Prefer the query-param autocomplete endpoint: any authenticated member can
+    // call it. The path-param variant historically required copilot/admin only.
+    const response = await xhrGetAsync<
+        MemberAutocompleteResponse[] | MemberAutocompletePagedResponse
+    >(
+        `${EnvironmentConfig.API.V6}/members/autocomplete?term=${sanitizedHandle}`,
     )
 
-    return response.map(member => ({
+    const members = Array.isArray(response)
+        ? response
+        : (response?.result ?? [])
+
+    return members.map(member => ({
         firstName: member.firstName ?? undefined,
         handle: member.handle,
         lastName: member.lastName ?? undefined,

src/apps/customer-portal/src/config/routes.config.ts

@@ -11,3 +11,4 @@ export const rootRoute: string
 export const talentSearchRouteId = 'talent-search'
 export const showcaseSearchRouteId = 'showcase'
 export const flexiTalentRouteId = 'flexi-talent'
+export const statisticsRouteId = 'statistics'

src/apps/customer-portal/src/customer-portal.routes.tsx

@@ -17,6 +17,7 @@ import {
 import { customerPortalFlexiTalentRoutes } from './pages/flexi-talent/flexi-talent.routes'
 import { customerPortalTalentSearchRoutes } from './pages/talent-search/talent-search.routes'
 import { customerPortalProjectShowcaseRoutes } from './pages/project-showcase/project-showcase.routes'
+import { customerPortalStatisticsRoutes } from './pages/statistics/statistics.routes'
 
 const CustomerPortalApp: LazyLoadedComponent = lazyLoad(() => import('./CustomerPortalApp'))
 
@@ -32,6 +33,7 @@ export const customerPortalRoutes: ReadonlyArray<PlatformRoute> = [
                 element: <Rewrite to={talentSearchRouteId} />,
                 route: '',
             },
+            ...customerPortalStatisticsRoutes,
             ...customerPortalTalentSearchRoutes,
             ...customerPortalProjectShowcaseRoutes,
             ...customerPortalFlexiTalentRoutes,

src/apps/customer-portal/src/lib/components/NavTabs/config/tabs-config.ts

@@ -4,13 +4,17 @@ import { TabsNavItem } from '~/libs/ui'
 import {
     flexiTalentRouteId,
     showcaseSearchRouteId,
+    statisticsRouteId,
     talentSearchRouteId,
 } from '~/apps/customer-portal/src/config/routes.config'
 
 export function getTabsConfig(userRoles: string[], isAnonymous: boolean, isUnprivilegedUser: boolean): TabsNavItem[] {
 
     const tabs: TabsNavItem[] = [
         ...(!isUnprivilegedUser ? [{
+            id: statisticsRouteId,
+            title: 'General Statistics',
+        }, {
             id: talentSearchRouteId,
             title: 'Talent Search',
         }, {

src/apps/customer-portal/src/lib/services/index.ts

@@ -1,3 +1,4 @@
 export * from './talentSearch.service'
 export * from './flexiTalent.service'
 export * from './showcasePost.service'
+export * from './statistics.service'