From 48a50086d3d645b6655c3169a71d47d96494803a Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 5 May 2023 11:42:03 +0300
Subject: [PATCH 1/5] TCA-1281 - update routing: support friendlier urls on
 subdomains

---
 config/dev.js                                 |  1 +
 config/prod.js                                |  1 +
 src-ts/config/constants.ts                    |  7 ++
 .../environments/environment-config.model.ts  |  2 +
 .../environment.default.config.ts             |  1 +
 .../route-provider/platform-route.model.ts    |  1 +
 .../route-provider/route-functions/index.ts   |  1 +
 .../route-functions/route.functions.ts        | 12 +++-
 src-ts/lib/route-provider/route.provider.tsx  | 11 ++-
 .../getting-started/GettingStartedGuide.tsx   |  2 +-
 .../GetStartedCardsContainer.tsx              |  2 +-
 src-ts/tools/dev-center/dev-center.routes.tsx |  6 +-
 .../use-gamification-breadcrumb.hook.tsx      |  4 +-
 .../gamification-admin.routes.tsx             | 10 +--
 .../create-badge-form.config.tsx              |  3 +-
 .../useLearnBreadcrumb.provider.tsx           |  2 +-
 src-ts/tools/learn/learn.routes.tsx           | 22 +++---
 .../work-intake-form-routes.config.ts         | 10 +--
 src-ts/tools/work/work.routes.tsx             | 13 ++--
 src/App.jsx                                   |  5 +-
 src/IntakeForm.jsx                            | 10 +--
 src/constants/index.js                        | 71 ++++++++++---------
 src/constants/products/DataAdvisory/index.js  |  8 +--
 .../products/DataExploration/index.js         |  8 +--
 src/constants/products/FindMeData/index.js    |  8 +--
 src/constants/products/WebsiteDesign/index.js |  8 +--
 .../products/WebsiteDesignLegacy/index.js     | 26 +++----
 src/routes/BasicInfoLegacy/index.jsx          |  5 +-
 src/routes/BrandingLegacy/index.jsx           |  7 +-
 src/routes/LoginPrompt/index.jsx              |  3 +-
 src/routes/PageDetailsLegacy/index.jsx        |  7 +-
 src/routes/Products/DataAdvisory/index.jsx    |  9 +--
 src/routes/Products/DataExploration/index.jsx |  9 +--
 src/routes/Products/FindMeData/index.jsx      |  9 +--
 src/routes/Products/WebsiteDesign/index.jsx   |  9 +--
 .../Products/WebsiteDesignLegacy/index.jsx    |  3 +-
 .../Products/components/BasicInfo/index.jsx   |  7 +-
 .../Review/components/ReviewTable/index.jsx   |  3 +-
 src/routes/Review/index.jsx                   |  9 +--
 src/routes/ReviewLegacy/index.jsx             |  9 +--
 src/routes/SelectWorkType/index.jsx           |  3 +-
 src/routes/WebsitePurposeLegacy/index.jsx     |  7 +-
 42 files changed, 204 insertions(+), 150 deletions(-)

diff --git a/config/dev.js b/config/dev.js
index 1ef377b48..98d19dce4 100644
--- a/config/dev.js
+++ b/config/dev.js
@@ -1,4 +1,5 @@
 module.exports = {
+  TC_DOMAIN: 'topcoder-dev.com',
   /**
    * URL of Topcoder Community Website
    */
diff --git a/config/prod.js b/config/prod.js
index 94bf5443b..3e81f2045 100644
--- a/config/prod.js
+++ b/config/prod.js
@@ -1,4 +1,5 @@
 module.exports = {
+  TC_DOMAIN: 'topcoder.com',
   /**
    * URL of Topcoder Community Website
    */
diff --git a/src-ts/config/constants.ts b/src-ts/config/constants.ts
index ff7bdc805..9b850fc54 100644
--- a/src-ts/config/constants.ts
+++ b/src-ts/config/constants.ts
@@ -1,3 +1,10 @@
+export enum AppSubdomain {
+    dev = 'devcenter',
+    game = 'gamification-admin',
+    tca = 'academy',
+    work = 'work',
+}
+
 export enum ToolTitle {
     dev = 'Dev Center',
     game = 'Gamification Admin',
diff --git a/src-ts/config/environments/environment-config.model.ts b/src-ts/config/environments/environment-config.model.ts
index 58628e7de..f3759224d 100644
--- a/src-ts/config/environments/environment-config.model.ts
+++ b/src-ts/config/environments/environment-config.model.ts
@@ -5,4 +5,6 @@ import { AppHostEnvironmentType } from './app-host-environment.type'
 export interface EnvironmentConfigModel extends GlobalConfig {
     // override the ENV var to require that it's defined in the type
     ENV: AppHostEnvironmentType,
+
+    SUBDOMAIN: string,
 }
diff --git a/src-ts/config/environments/environment.default.config.ts b/src-ts/config/environments/environment.default.config.ts
index dc6978dc5..2b2a089c7 100644
--- a/src-ts/config/environments/environment.default.config.ts
+++ b/src-ts/config/environments/environment.default.config.ts
@@ -40,6 +40,7 @@ export const EnvironmentConfigDefault: EnvironmentConfigModel = {
         CUSTOMER_TOKEN:
             'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJUb3Bjb2RlciBVc2VyIl0sImlzcyI6Imh0dHBzOi8vYXBpLnRvcGNvZGVyLWRldi5jb20iLCJoYW5kbGUiOiJ0ZXN0MSIsImV4cCI6MjU2MzA3NjY4OSwidXNlcklkIjoiNDAwNTEzMzMiLCJpYXQiOjE0NjMwNzYwODksImVtYWlsIjoidGVzdEB0b3Bjb2Rlci5jb20iLCJqdGkiOiJiMzNiNzdjZC1iNTJlLTQwZmUtODM3ZS1iZWI4ZTBhZTZhNGEifQ.jl6Lp_friVNwEP8nfsfmL-vrQFzOFp2IfM_HC7AwGcg',
     },
+    SUBDOMAIN: window.location.hostname.split('.')[0],
     TOPCODER_URLS: {
         ACCOUNT_PROFILE: `${COMMUNITY_WEBSITE}/settings/profile`,
         ACCOUNT_SETTINGS: `${COMMUNITY_WEBSITE}/settings/account`,
diff --git a/src-ts/lib/route-provider/platform-route.model.ts b/src-ts/lib/route-provider/platform-route.model.ts
index 3662fa71c..7fc1d2f01 100644
--- a/src-ts/lib/route-provider/platform-route.model.ts
+++ b/src-ts/lib/route-provider/platform-route.model.ts
@@ -1,4 +1,5 @@
 export interface PlatformRoute {
+    domain?: string
     alternativePaths?: Array<string>
     authRequired?: boolean
     children?: Array<PlatformRoute>
diff --git a/src-ts/lib/route-provider/route-functions/index.ts b/src-ts/lib/route-provider/route-functions/index.ts
index f341363d0..334056cd2 100644
--- a/src-ts/lib/route-provider/route-functions/index.ts
+++ b/src-ts/lib/route-provider/route-functions/index.ts
@@ -1,4 +1,5 @@
 export {
     getActive as routeGetActive,
     getSignupUrl as routeGetSignupUrl,
+    matchAppRouter as routeMatchAppRouter,
 } from './route.functions'
diff --git a/src-ts/lib/route-provider/route-functions/route.functions.ts b/src-ts/lib/route-provider/route-functions/route.functions.ts
index 785d515c4..2eb2121a3 100644
--- a/src-ts/lib/route-provider/route-functions/route.functions.ts
+++ b/src-ts/lib/route-provider/route-functions/route.functions.ts
@@ -5,7 +5,10 @@ import {
 } from '../../functions'
 import { PlatformRoute } from '../platform-route.model'
 
-export function getActive(currentLocation: string, toolRoutes: Array<PlatformRoute>): PlatformRoute | undefined {
+export function getActive(
+    currentLocation: string,
+    toolRoutes: Array<PlatformRoute>,
+): PlatformRoute | undefined {
     return toolRoutes.find(tool => isActiveTool(currentLocation, tool))
 }
 
@@ -33,3 +36,10 @@ function isActiveTool(activePath: string, toolRoute: PlatformRoute): boolean {
     return !!activePath.startsWith(toolRoute.route)
         || !!toolRoute.alternativePaths?.some(path => activePath.startsWith(path))
 }
+
+export function matchAppRouter(
+    activeDomain: string | undefined,
+    toolsRoutes: Array<PlatformRoute>,
+): PlatformRoute | undefined {
+    return !activeDomain ? undefined : toolsRoutes.find(toolRoutes => activeDomain === toolRoutes.domain)
+}
diff --git a/src-ts/lib/route-provider/route.provider.tsx b/src-ts/lib/route-provider/route.provider.tsx
index cdec5be87..e2e08daf2 100644
--- a/src-ts/lib/route-provider/route.provider.tsx
+++ b/src-ts/lib/route-provider/route.provider.tsx
@@ -14,11 +14,12 @@ import { Location, Route, useLocation } from 'react-router-dom'
 import { authUrlLogin } from '../functions'
 import { LoadingSpinner } from '../loading-spinner'
 import { profileContext, ProfileContextData } from '../profile-provider'
+import { EnvironmentConfig } from '../../config'
 
 import { PlatformRoute } from './platform-route.model'
 import { RequireAuthProvider } from './require-auth-provider'
 import { RouteContextData } from './route-context-data.model'
-import { routeGetActive, routeGetSignupUrl } from './route-functions'
+import { routeGetActive, routeGetSignupUrl, routeMatchAppRouter } from './route-functions'
 import { default as routeContext, defaultRouteContextData } from './route.context'
 
 interface RouteProviderProps {
@@ -53,7 +54,13 @@ export const RouteProvider: FC<RouteProviderProps> = (props: RouteProviderProps)
             ...utilsRoutes,
         ]
 
-        const activeRoute: PlatformRoute | undefined = routeGetActive(location.pathname, allRoutes)
+        let activeRoute: PlatformRoute | undefined = routeGetActive(location.pathname, allRoutes)
+        const matchedAppRouter: PlatformRoute | undefined = routeMatchAppRouter(EnvironmentConfig.SUBDOMAIN, allRoutes)
+
+        if (matchedAppRouter) {
+            allRoutes = [matchedAppRouter]
+            activeRoute = matchedAppRouter
+        }
 
         // TODO: support additional roles and landing pages
         const loggedInRoot: string = !profile
diff --git a/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx b/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
index c8333826e..be217dba6 100644
--- a/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
+++ b/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
@@ -11,7 +11,7 @@ import styles from './GettingStartedGuide.module.scss'
 export const GettingStartedGuide: React.FC = () => {
     const { doc, toc, title }: ReturnType<typeof useMarkdown> = useMarkdown({ uri: gettingStartedGuide })
     const breadcrumb: Array<BreadcrumbItemModel> = React.useMemo(() => [
-        { name: toolTitle, url: '/dev-center' },
+        { name: toolTitle, url: '/' },
         { name: title, url: '#' },
     ], [title])
 
diff --git a/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx b/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
index f464337e6..4665e25ac 100644
--- a/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
+++ b/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
@@ -14,7 +14,7 @@ const GetStartedCardsContainer: FC = () => (
             title='Community App'
             titleClass={styles.communityTitle}
             description='Learn about Topcoder Community App and run started code.'
-            button={<Button route='/dev-center/getting-started' label='get started' className={styles.button} />}
+            button={<Button route='/getting-started' label='get started' className={styles.button} />}
         />
         <DevCenterCard
             cornerIcon={<ApiCornerIcon />}
diff --git a/src-ts/tools/dev-center/dev-center.routes.tsx b/src-ts/tools/dev-center/dev-center.routes.tsx
index 32edc419a..4ca0906a5 100644
--- a/src-ts/tools/dev-center/dev-center.routes.tsx
+++ b/src-ts/tools/dev-center/dev-center.routes.tsx
@@ -1,4 +1,4 @@
-import { ToolTitle } from '../../config'
+import { AppSubdomain, EnvironmentConfig, ToolTitle } from '../../config'
 import { lazyLoad, LazyLoadedComponent, PlatformRoute } from '../../lib'
 
 const GettingStartedGuide: LazyLoadedComponent
@@ -9,6 +9,7 @@ const DevCenterLandingPage: LazyLoadedComponent
 
 const DevCenter: LazyLoadedComponent = lazyLoad(() => import('./DevCenter'))
 
+export const rootRoute: string = EnvironmentConfig.SUBDOMAIN === AppSubdomain.dev ? '' : `/${AppSubdomain.dev}`
 export const toolTitle: string = ToolTitle.dev
 
 export const devCenterRoutes: ReadonlyArray<PlatformRoute> = [
@@ -23,8 +24,9 @@ export const devCenterRoutes: ReadonlyArray<PlatformRoute> = [
                 route: '/',
             },
         ],
+        domain: 'devcenter',
         element: <DevCenter />,
         id: toolTitle,
-        route: '/dev-center',
+        route: rootRoute,
     },
 ]
diff --git a/src-ts/tools/gamification-admin/game-lib/hooks/use-gamification-breadcrumb.hook.tsx b/src-ts/tools/gamification-admin/game-lib/hooks/use-gamification-breadcrumb.hook.tsx
index fedd9236a..f40aaa820 100644
--- a/src-ts/tools/gamification-admin/game-lib/hooks/use-gamification-breadcrumb.hook.tsx
+++ b/src-ts/tools/gamification-admin/game-lib/hooks/use-gamification-breadcrumb.hook.tsx
@@ -1,13 +1,13 @@
 import { BreadcrumbItemModel } from '../../../../lib'
-import { basePath } from '../../gamification-admin.routes'
 import { toolTitle } from '../../GamificationAdmin'
+import { rootRoute } from '../../gamification-admin.routes'
 
 export function useGamificationBreadcrumb(items: Array<BreadcrumbItemModel>): Array<BreadcrumbItemModel> {
 
     const breadcrumb: Array<BreadcrumbItemModel> = [
         {
             name: toolTitle,
-            url: basePath,
+            url: rootRoute,
         },
         ...items,
     ]
diff --git a/src-ts/tools/gamification-admin/gamification-admin.routes.tsx b/src-ts/tools/gamification-admin/gamification-admin.routes.tsx
index 5576f7cf6..ebd896899 100644
--- a/src-ts/tools/gamification-admin/gamification-admin.routes.tsx
+++ b/src-ts/tools/gamification-admin/gamification-admin.routes.tsx
@@ -1,3 +1,4 @@
+import { AppSubdomain, EnvironmentConfig } from '../../config'
 import { lazyLoad, LazyLoadedComponent, PlatformRoute, UserRole } from '../../lib'
 
 import { toolTitle } from './GamificationAdmin'
@@ -7,16 +8,15 @@ const BadgeDetailPage: LazyLoadedComponent = lazyLoad(() => import('./pages/badg
 const BadgeListingPage: LazyLoadedComponent = lazyLoad(() => import('./pages/badge-listing/BadgeListingPage'))
 const CreateBadgePage: LazyLoadedComponent = lazyLoad(() => import('./pages/create-badge/CreateBadgePage'))
 
+export const rootRoute: string = EnvironmentConfig.SUBDOMAIN === AppSubdomain.game ? '' : `/${AppSubdomain.game}`
 export const baseDetailPath: string = '/badge-detail'
 export const createBadgePath: string = '/create-badge'
 
-export const basePath: string = '/gamification-admin'
-
 export function badgeDetailPath(badgeId: string, view?: 'edit' | 'award'): string {
-    return `${basePath}${baseDetailPath}/${badgeId}${!!view ? `#${view}` : ''}`
+    return `${rootRoute}${baseDetailPath}/${badgeId}${!!view ? `#${view}` : ''}`
 }
 
-export const createBadgeRoute: string = `${basePath}${createBadgePath}`
+export const createBadgeRoute: string = `${rootRoute}${createBadgePath}`
 
 export const gamificationAdminRoutes: ReadonlyArray<PlatformRoute> = [
     {
@@ -41,6 +41,6 @@ export const gamificationAdminRoutes: ReadonlyArray<PlatformRoute> = [
         rolesRequired: [
             UserRole.gamificationAdmin,
         ],
-        route: basePath,
+        route: rootRoute,
     },
 ]
diff --git a/src-ts/tools/gamification-admin/pages/create-badge/create-badge-form/create-badge-form.config.tsx b/src-ts/tools/gamification-admin/pages/create-badge/create-badge-form/create-badge-form.config.tsx
index a105481c5..fc71f7c85 100644
--- a/src-ts/tools/gamification-admin/pages/create-badge/create-badge-form/create-badge-form.config.tsx
+++ b/src-ts/tools/gamification-admin/pages/create-badge/create-badge-form/create-badge-form.config.tsx
@@ -2,6 +2,7 @@ import { noop } from 'lodash'
 
 import { FormDefinition, IconOutline, validatorRequired } from '../../../../../lib'
 import { GamificationConfig } from '../../../game-config'
+import { rootRoute } from '../../../gamification-admin.routes'
 
 export enum CreateBadgeFormField {
     badgeActive = 'badgeActive',
@@ -26,7 +27,7 @@ export const createBadgeFormDef: FormDefinition = {
             {
                 buttonStyle: 'icon-bordered',
                 icon: IconOutline.ChevronLeftIcon,
-                route: '/gamification-admin',
+                route: rootRoute,
                 size: 'lg',
             },
         ],
diff --git a/src-ts/tools/learn/learn-lib/learn-breadcrumb-provider/useLearnBreadcrumb.provider.tsx b/src-ts/tools/learn/learn-lib/learn-breadcrumb-provider/useLearnBreadcrumb.provider.tsx
index ffac562dc..aea3e96dd 100644
--- a/src-ts/tools/learn/learn-lib/learn-breadcrumb-provider/useLearnBreadcrumb.provider.tsx
+++ b/src-ts/tools/learn/learn-lib/learn-breadcrumb-provider/useLearnBreadcrumb.provider.tsx
@@ -6,7 +6,7 @@ export function useLearnBreadcrumb(items: Array<BreadcrumbItemModel>): Array<Bre
     const breadcrumb: Array<BreadcrumbItemModel> = [
         {
             name: 'Topcoder Academy',
-            url: rootRoute,
+            url: rootRoute || '/',
         },
         ...items,
     ]
diff --git a/src-ts/tools/learn/learn.routes.tsx b/src-ts/tools/learn/learn.routes.tsx
index 84a367b58..b75662646 100644
--- a/src-ts/tools/learn/learn.routes.tsx
+++ b/src-ts/tools/learn/learn.routes.tsx
@@ -1,4 +1,4 @@
-import { EnvironmentConfig } from '../../config'
+import { AppSubdomain, EnvironmentConfig } from '../../config'
 import { authUrlLogin, lazyLoad, LazyLoadedComponent, PlatformRoute } from '../../lib'
 
 import { toolTitle } from './Learn'
@@ -35,18 +35,17 @@ const UserCertificationView: LazyLoadedComponent
 const UserCertificationPreview: LazyLoadedComponent
     = lazyLoad(() => import('./tca-certificate'), 'UserCertificationPreview')
 
-export enum LEARN_PATHS {
-    certificate = '/certificate',
-    completed = '/learn/completed',
-    myLearning = '/learn/my-learning',
-    fcc = '/learn/fcc',
-    root = '/learn',
-    startCourseRouteFlag = 'start-course',
-    tcaCertifications = '/tca-certifications',
-    tcaEnroll = '/enroll',
+export const rootRoute: string = EnvironmentConfig.SUBDOMAIN === AppSubdomain.tca ? '' : `/${AppSubdomain.tca}`
+
+export const LEARN_PATHS: { [key: string]: string } = {
+    certificate: '/certificate',
+    myLearning: `${rootRoute}/my-learning`,
+    root: rootRoute,
+    startCourseRouteFlag: 'start-course',
+    tcaCertifications: '/tca-certifications',
+    tcaEnroll: '/enroll',
 }
 
-export const rootRoute: string = LEARN_PATHS.root
 export const absoluteRootRoute: string = `${window.location.origin}${LEARN_PATHS.root}`
 
 export function getAuthenticateAndStartCourseRoute(): string {
@@ -241,6 +240,7 @@ export const learnRoutes: ReadonlyArray<PlatformRoute> = [
                 route: 'tca-certifications/:certification/preview',
             },
         ],
+        domain: AppSubdomain.tca,
         element: <LandingLearn />,
         id: toolTitle,
         route: rootRoute,
diff --git a/src-ts/tools/work/work-lib/work-provider/work-functions/work-store/work-intake-form-routes.config.ts b/src-ts/tools/work/work-lib/work-provider/work-functions/work-store/work-intake-form-routes.config.ts
index f975d0ba4..43f3920ac 100644
--- a/src-ts/tools/work/work-lib/work-provider/work-functions/work-store/work-intake-form-routes.config.ts
+++ b/src-ts/tools/work/work-lib/work-provider/work-functions/work-store/work-intake-form-routes.config.ts
@@ -2,10 +2,10 @@ import { WorkType } from './work-type.enum'
 
 export const WorkIntakeFormRoutes: Record<string, any> = {
     [WorkType.bugHunt]: {
-        basicInfo: '/self-service/work/new/bug-hunt/basic-info',
-        loginPrompt: '/self-service/work/new/bug-hunt/login-prompt',
-        review: '/self-service/work/new/bug-hunt/review',
-        saveAfterLogin: '/self-service/work/new/bug-hunt/save-after-login',
-        thankYou: '/self-service/work/new/bug-hunt/thank-you',
+        basicInfo: '/self-service/new/bug-hunt/basic-info',
+        loginPrompt: '/self-service/new/bug-hunt/login-prompt',
+        review: '/self-service/new/bug-hunt/review',
+        saveAfterLogin: '/self-service/new/bug-hunt/save-after-login',
+        thankYou: '/self-service/new/bug-hunt/thank-you',
     },
 }
diff --git a/src-ts/tools/work/work.routes.tsx b/src-ts/tools/work/work.routes.tsx
index 9b4e74e93..38cd765a0 100644
--- a/src-ts/tools/work/work.routes.tsx
+++ b/src-ts/tools/work/work.routes.tsx
@@ -1,6 +1,7 @@
 import { Navigate } from 'react-router-dom'
 
 import { contactSupportPath, lazyLoad, LazyLoadedComponent, PlatformRoute } from '../../lib'
+import { AppSubdomain, EnvironmentConfig } from '../../config'
 
 import { dashboardRouteId, intakeFormsRouteId, toolTitle } from './Work'
 import { Work, WorkIntakeFormRoutes, WorkStatus, WorkType } from './work-lib'
@@ -16,8 +17,8 @@ const SaveAfterLogin: LazyLoadedComponent
 const WorkTable: LazyLoadedComponent = lazyLoad(() => import('./work-table'), 'WorkTable')
 const WorkThankYou: LazyLoadedComponent = lazyLoad(() => import('./work-thank-you'), 'WorkThankYou')
 
-export const rootRoute: string = '/work'
-export const selfServiceRootRoute: string = '/self-service'
+export const rootRoute: string = EnvironmentConfig.SUBDOMAIN === AppSubdomain.work ? '' : `/${AppSubdomain.work}`
+export const selfServiceRootRoute: string = `${rootRoute}/self-service`
 export const selfServiceStartRoute: string = `${selfServiceRootRoute}/wizard`
 export const dashboardRoute: string = `${rootRoute}/dashboard`
 export const bugHuntRoute: string = 'bug-hunt/'
@@ -114,13 +115,9 @@ export const workRoutes: ReadonlyArray<PlatformRoute> = [
         element: <IntakeForms />,
         hidden: true,
         id: intakeFormsRouteId,
-        route: `${selfServiceRootRoute}${rootRoute}/new`,
+        route: `${selfServiceRootRoute}/new`,
         title: toolTitle,
     },
-    {
-        element: <Navigate to={rootRoute} />,
-        route: selfServiceRootRoute,
-    },
     {
         element: <Navigate to={dashboardRoute} />,
         route: `${selfServiceRootRoute}/dashboard`,
@@ -128,6 +125,6 @@ export const workRoutes: ReadonlyArray<PlatformRoute> = [
     {
         children: [],
         element: <Navigate to={contactSupportPath} />,
-        route: `${rootRoute}${contactSupportPath}`,
+        route: `${contactSupportPath}`,
     },
 ]
diff --git a/src/App.jsx b/src/App.jsx
index 734a6a96f..cf5f0e747 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,6 +9,7 @@ import { ScrollToTop } from "./ScrollToTop";
 import styles from "./styles/main.module.scss";
 import { lazyLoad, LoadingSpinner } from "../src-ts/lib";
 import { Suspense } from "react";
+import { selfServiceRootRoute } from "../src-ts/tools/work";
 
 const WorkItem = lazyLoad(() => import("./routes/WorkItems"));
 const IntakeForm = lazyLoad(() => import("./IntakeForm"));
@@ -47,11 +48,11 @@ const App = () => {
             <Routes>
                 <Route
                     element={<IntakeForm />}
-                    path="/self-service/*"
+                    path={`${selfServiceRootRoute}/*`}
                 />
                 <Route
                     element={<WorkItem />}
-                    path="/self-service/work-items/:workItemId"
+                    path={`${selfServiceRootRoute}/work-items/:workItemId`}
                 />
             </Routes>
         </Suspense>
diff --git a/src/IntakeForm.jsx b/src/IntakeForm.jsx
index b0889c6dd..ff8fbc854 100644
--- a/src/IntakeForm.jsx
+++ b/src/IntakeForm.jsx
@@ -168,32 +168,32 @@ export default function IntakeForm() {
           {/* Data Exploration */}
           <Route
             element={<DataExploration isLoggedIn={isLoggedIn} />}
-            path="/work/new/data-exploration/*"
+            path="/new/data-exploration/*"
           />
 
           {/* Data Advisory */}
           <Route
             element={<DataAdvisory isLoggedIn={isLoggedIn} />}
-            path="/work/new/data-advisory/*"
+            path="/new/data-advisory/*"
 
           />
 
           {/* Find Me Data */}
           <Route
             element={<FindMeData isLoggedIn={isLoggedIn} />}
-            path="/work/new/find-me-data/*"
+            path="/new/find-me-data/*"
           />
 
           {/* Web Design*/}
           <Route
             element={<WebsiteDesign isLoggedIn={isLoggedIn} />}
-            path="/work/new/website-design/*"
+            path="/new/website-design/*"
           />
 
           {/* Web Design (Legacy) */}
           <Route
             element={<WebsiteDesignLegacy isLoggedIn={isLoggedIn} />}
-            path="/work/new/website-design-legacy/*"
+            path="/new/website-design-legacy/*"
           />
 
           <Route
diff --git a/src/constants/index.js b/src/constants/index.js
index 1ca82c4b2..8ced16c67 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -38,30 +38,37 @@ import imgProductProblemStatement from "../assets/images/products/product-main-p
 import imgProductFindMeData from "../assets/images/products/product-main-photos/find-me-data.jpeg";
 import imgProductWebsiteDesign from "../assets/images/products/product-main-photos/web-design.jpeg";
 import imgRedBlueGradient from "../assets/images/products/product-main-photos/reb-blue-gradient-background.jpeg";
+import { EnvironmentConfig } from "../../src-ts";
+import { AppSubdomain } from "../../src-ts/config";
+
+// Need to re-define this in here, otherwise if we're loading it from tools/work/work.routes
+//  it creates a circular dependency within webpack somehow and it breaks the build
+export const rootRoute = EnvironmentConfig.SUBDOMAIN === AppSubdomain.work ? '' : `/${AppSubdomain.work}`
+export const selfServiceRootRoute = `${rootRoute}/self-service`
 
 export const UNDER_MAINTENANCE = false;
 
 export const GA_ID = "GTM-MXXQHG8";
 
 export const ROUTES = {
-  INTAKE_FORM: "/self-service/wizard",
-  HOME_PAGE: "/self-service",
-  DASHBOARD_PAGE: "/work/dashboard",
-  WEBSITE_DESIGN: "/self-service/work/new/website-design/basic-info",
-  WEBSITE_DESIGN_REVIEW: "/self-service/work/new/website-design/review",
-  DATA_EXPLORATION: "/self-service/work/new/data-exploration/basic-info",
-  DATA_EXPLORATION_REVIEW: "/self-service/work/new/data-exploration/review",
-  PROBLEM_STATEMENT: "/self-service/work/new/data-advisory/basic-info",
-  PROBLEM_STATEMENT_REVIEW: "/self-service/work/new/data-advisory/review",
-  FIND_ME_DATA: "/self-service/work/new/find-me-data/basic-info",
-  FIND_ME_DATA_REVIEW: "/self-service/work/new/find-me-data/review",
-  WEBSITE_DESIGN_LEGACY: "/self-service/work/new/website-design-legacy/basic-info",
+  INTAKE_FORM: `${selfServiceRootRoute}/wizard`,
+  HOME_PAGE: `${selfServiceRootRoute}`,
+  DASHBOARD_PAGE: `/work/dashboard`,
+  WEBSITE_DESIGN: `${selfServiceRootRoute}/new/website-design/basic-info`,
+  WEBSITE_DESIGN_REVIEW: `${selfServiceRootRoute}/new/website-design/review`,
+  DATA_EXPLORATION: `${selfServiceRootRoute}/new/data-exploration/basic-info`,
+  DATA_EXPLORATION_REVIEW: `${selfServiceRootRoute}/new/data-exploration/review`,
+  PROBLEM_STATEMENT: `${selfServiceRootRoute}/new/data-advisory/basic-info`,
+  PROBLEM_STATEMENT_REVIEW: `${selfServiceRootRoute}/new/data-advisory/review`,
+  FIND_ME_DATA: `${selfServiceRootRoute}/new/find-me-data/basic-info`,
+  FIND_ME_DATA_REVIEW: `${selfServiceRootRoute}/new/find-me-data/review`,
+  WEBSITE_DESIGN_LEGACY: `${selfServiceRootRoute}/new/website-design-legacy/basic-info`,
   WEBSITE_DESIGN_PURPOSE_LEGACY:
-    "/self-service/work/new/website-design-legacy/website-purpose",
+    `${selfServiceRootRoute}/new/website-design-legacy/website-purpose`,
   WEBSITE_DESIGN_PAGE_DETAILS_LEGACY:
-    "/self-service/work/new/website-design-legacy/page-details",
+    `${selfServiceRootRoute}/new/website-design-legacy/page-details`,
   WEBSITE_DESIGN_BRANDING_LEGACY:
-    "/self-service/work/new/website-design-legacy/branding",
+    `${selfServiceRootRoute}/new/website-design-legacy/branding`,
 };
 
 /**
@@ -278,7 +285,7 @@ export const webWorkTypes = [
     price: workPriceDesignLegacy.getPrice(workPriceDesignLegacy),
     stickerPrice: workPriceDesignLegacy.packages?.base?.price,
     featured: false,
-    startRoute: "/self-service/work/new/website-design-legacy/basic-info",
+    startRoute: `${selfServiceRootRoute}/new/website-design-legacy/basic-info`,
     basePath: "website-design-legacy",
     bgImage: imgProductWebsiteDesign,
   },
@@ -295,7 +302,7 @@ export const webWorkTypes = [
     // stickerPrice: workPriceDesign.packages?.base?.price,
     duration: `${webDesignConfigs.DEFAULT_DURATION} Days`,
     featured: true,
-    startRoute: "/self-service/work/new/website-design/basic-info",
+    startRoute: `${selfServiceRootRoute}/new/website-design/basic-info`,
     basePath: "website-design",
     helperBannerTitle: "WHAT WILL I RECEIVE?",
     bgImage: imgProductWebsiteDesign,
@@ -358,7 +365,7 @@ export const webWorkTypes = [
     stickerPrice: workPriceData.packages?.base?.price,
     duration: `${dataExplorationConfigs.DEFAULT_DURATION} Days`,
     featured: true,
-    startRoute: "/self-service/work/new/data-exploration/basic-info",
+    startRoute: `${selfServiceRootRoute}/new/data-exploration/basic-info`,
     basePath: "data-exploration",
     bgImage: imgProductDataExploration,
     helperBannerTitle: "WHAT WILL I GET?",
@@ -414,7 +421,7 @@ export const webWorkTypes = [
     stickerPrice: workPriceProblem.packages?.base?.price,
     duration: `${dataAdvisoryConfigs.DEFAULT_DURATION} Days`,
     featured: true,
-    startRoute: "/self-service/work/new/data-advisory/basic-info",
+    startRoute: `${selfServiceRootRoute}/new/data-advisory/basic-info`,
     basePath: "data-advisory",
     helperBannerTitle: "WHAT WILL I RECEIVE?",
     bgImage: imgProductProblemStatement,
@@ -476,7 +483,7 @@ export const webWorkTypes = [
     stickerPrice: workPriceFindData.packages?.base?.price,
     duration: `${findMeDataConfigs.DEFAULT_DURATION} Days`,
     featured: true,
-    startRoute: "/self-service/work/new/find-me-data/basic-info",
+    startRoute: `${selfServiceRootRoute}/new/find-me-data/basic-info`,
     basePath: "find-me-data",
     bgImage: imgProductFindMeData,
     helperBannerTitle: "WHAT WILL I RECEIVE?",
@@ -560,18 +567,18 @@ export const ColorOptionsItems = [
 export const tabNames = ["summary", "details", "messaging", "solutions"];
 
 export const disabledSidebarRoutes = [
-  "/self-service/basic-info",
-  "/self-service/website-purpose",
-  "/self-service/page-details",
-  "/self-service/branding",
-  "/self-service/review",
-  "/self-service/payment",
-  "/self-service/thank-you",
-  "/self-service/wizard",
-  "/self-service/profile",
-  "/self-service/login-prompt",
-  "/self-service/work-items/*",
-  "/self-service/work/*",
+  `${selfServiceRootRoute}/basic-info`,
+  `${selfServiceRootRoute}/website-purpose`,
+  `${selfServiceRootRoute}/page-details`,
+  `${selfServiceRootRoute}/branding`,
+  `${selfServiceRootRoute}/review`,
+  `${selfServiceRootRoute}/payment`,
+  `${selfServiceRootRoute}/thank-you`,
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/profile`,
+  `${selfServiceRootRoute}/login-prompt`,
+  `${selfServiceRootRoute}/work-items/*`,
+  `${selfServiceRootRoute}/*`,
 ];
 
 export const menuItems = [
diff --git a/src/constants/products/DataAdvisory/index.js b/src/constants/products/DataAdvisory/index.js
index 30ad7a3a2..0a1f93d25 100644
--- a/src/constants/products/DataAdvisory/index.js
+++ b/src/constants/products/DataAdvisory/index.js
@@ -6,13 +6,13 @@ export const CHALLENGE_FIELD_VALUES = {
 
 export const INTAKE_FORM_ROUTES = [
   "/self-service/wizard",
-  "/self-service/work/new/data-advisory/basic-info",
+  "/self-service/new/data-advisory/basic-info",
   "/self-service",
   "/self-service",
-  "/self-service/work/new/data-advisory/login-prompt",
+  "/self-service/new/data-advisory/login-prompt",
   "/self-service",
-  "/self-service/work/new/data-advisory/review",
-  "/self-service/work/new/data-advisory/thank-you",
+  "/self-service/new/data-advisory/review",
+  "/self-service/new/data-advisory/thank-you",
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/DataExploration/index.js b/src/constants/products/DataExploration/index.js
index 9b46638a1..05bcc57a8 100644
--- a/src/constants/products/DataExploration/index.js
+++ b/src/constants/products/DataExploration/index.js
@@ -6,13 +6,13 @@ export const CHALLENGE_FIELD_VALUES = {
 
 export const INTAKE_FORM_ROUTES = [
   "/self-service/wizard",
-  "/self-service/work/new/data-exploration/basic-info",
+  "/self-service/new/data-exploration/basic-info",
   "/self-service",
   "/self-service",
-  "/self-service/work/new/data-exploration/login-prompt",
+  "/self-service/new/data-exploration/login-prompt",
   "/self-service",
-  "/self-service/work/new/data-exploration/review",
-  "/self-service/work/new/data-exploration/thank-you",
+  "/self-service/new/data-exploration/review",
+  "/self-service/new/data-exploration/thank-you",
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/FindMeData/index.js b/src/constants/products/FindMeData/index.js
index 9a33e83d4..928f3a579 100644
--- a/src/constants/products/FindMeData/index.js
+++ b/src/constants/products/FindMeData/index.js
@@ -6,13 +6,13 @@ export const CHALLENGE_FIELD_VALUES = {
 
 export const INTAKE_FORM_ROUTES = [
   "/self-service/wizard",
-  "/self-service/work/new/find-me-data/basic-info",
+  "/self-service/new/find-me-data/basic-info",
   "/self-service",
   "/self-service",
-  "/self-service/work/new/find-me-data/login-prompt",
+  "/self-service/new/find-me-data/login-prompt",
   "/self-service",
-  "/self-service/work/new/find-me-data/review",
-  "/self-service/work/new/find-me-data/thank-you",
+  "/self-service/new/find-me-data/review",
+  "/self-service/new/find-me-data/thank-you",
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/WebsiteDesign/index.js b/src/constants/products/WebsiteDesign/index.js
index 8cf01e6e7..b113b0f47 100644
--- a/src/constants/products/WebsiteDesign/index.js
+++ b/src/constants/products/WebsiteDesign/index.js
@@ -6,13 +6,13 @@ export const CHALLENGE_FIELD_VALUES = {
 
 export const INTAKE_FORM_ROUTES = [
   "/self-service/wizard",
-  "/self-service/work/new/website-design/basic-info",
+  "/self-service/new/website-design/basic-info",
   "/self-service",
   "/self-service",
-  "/self-service/work/new/website-design/login-prompt",
+  "/self-service/new/website-design/login-prompt",
   "/self-service",
-  "/self-service/work/new/website-design/review",
-  "/self-service/work/new/website-design/thank-you",
+  "/self-service/new/website-design/review",
+  "/self-service/new/website-design/thank-you",
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/WebsiteDesignLegacy/index.js b/src/constants/products/WebsiteDesignLegacy/index.js
index 336e84acc..2a973ae5d 100644
--- a/src/constants/products/WebsiteDesignLegacy/index.js
+++ b/src/constants/products/WebsiteDesignLegacy/index.js
@@ -112,53 +112,53 @@ export const DURATION_MAPPING = [
 
 export const INTAKE_FORM_ROUTES = [
   "/self-service/wizard",
-  "/self-service/work/new/website-design-legacy/basic-info",
-  "/self-service/work/new/website-design-legacy/website-purpose",
-  "/self-service/work/new/website-design-legacy/page-details",
-  "/self-service/work/new/website-design-legacy/login-prompt",
-  "/self-service/work/new/website-design-legacy/branding",
-  "/self-service/work/new/website-design-legacy/review",
-  "/self-service/work/new/website-design-legacy/thank-you",
+  "/self-service/new/website-design-legacy/basic-info",
+  "/self-service/new/website-design-legacy/website-purpose",
+  "/self-service/new/website-design-legacy/page-details",
+  "/self-service/new/website-design-legacy/login-prompt",
+  "/self-service/new/website-design-legacy/branding",
+  "/self-service/new/website-design-legacy/review",
+  "/self-service/new/website-design-legacy/thank-you",
 ];
 
 export const PROGRESS_LEVELS = [
   {
     label: "Basic Info",
-    url: "/self-service/work/new/website-design-legacy/basic-info",
+    url: "/self-service/new/website-design-legacy/basic-info",
     trueIndex: 2,
     showIndex: 1,
     visibleInProgressIndicator: true,
   },
   {
     label: "REVIEW REQUIREMENTS",
-    url: "/self-service/work/new/website-design-legacy/basic-info",
+    url: "/self-service/new/website-design-legacy/basic-info",
     trueIndex: 2,
     showIndex: 1,
   },
   {
     label: "Website Purpose",
-    url: "/self-service/work/new/website-design-legacy/website-purpose",
+    url: "/self-service/new/website-design-legacy/website-purpose",
     trueIndex: 3,
     showIndex: 2,
     visibleInProgressIndicator: true,
   },
   {
     label: "Page Details",
-    url: "/self-service/work/new/website-design-legacy/page-details",
+    url: "/self-service/new/website-design-legacy/page-details",
     trueIndex: 4,
     showIndex: 3,
     visibleInProgressIndicator: true,
   },
   {
     label: "Branding",
-    url: "/self-service/work/new/website-design-legacy/branding",
+    url: "/self-service/new/website-design-legacy/branding",
     trueIndex: 5,
     showIndex: 4,
     visibleInProgressIndicator: true,
   },
   {
     label: "Review",
-    url: "/self-service/work/new/website-design-legacy/review",
+    url: "/self-service/new/website-design-legacy/review",
     trueIndex: 6,
     showIndex: 5,
     visibleInProgressIndicator: true,
diff --git a/src/routes/BasicInfoLegacy/index.jsx b/src/routes/BasicInfoLegacy/index.jsx
index 3554c1ce5..44fb79dc7 100644
--- a/src/routes/BasicInfoLegacy/index.jsx
+++ b/src/routes/BasicInfoLegacy/index.jsx
@@ -36,6 +36,7 @@ import {
 
 import { Breadcrumb, ContactSupportModal } from "../../../src-ts";
 import { useNavigate } from "react-router-dom";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 /**
  * Basic Info Page
@@ -72,13 +73,13 @@ const BasicInfoLegacy = ({
 
   const onBack = () => {
     dispatch(resetIntakeForm(true));
-    navigate("/self-service/wizard");
+    navigate(`${selfServiceRootRoute}/wizard`);
   };
 
   const onNext = () => {
     setProgressItem(3);
     saveBasicInfo(formData);
-    navigate("/self-service/work/new/website-design-legacy/website-purpose");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/website-purpose`);
   };
 
   const updateNumOfPages = (newNumOfPages) => {
diff --git a/src/routes/BrandingLegacy/index.jsx b/src/routes/BrandingLegacy/index.jsx
index d1721895a..3cb624ffd 100644
--- a/src/routes/BrandingLegacy/index.jsx
+++ b/src/routes/BrandingLegacy/index.jsx
@@ -19,6 +19,7 @@ import PageH2 from "../../components/PageElements/PageH2";
 import Progress from "../../components/Progress";
 import { BUTTON_SIZE, BUTTON_TYPE, ROUTES } from "../../constants/";
 import { getDynamicPriceAndTimelineEstimate } from "../../utils/";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 import BrandingForm from "./components/BrandingForm";
 import styles from "./styles.module.scss";
@@ -79,7 +80,7 @@ const BrandingLegacy = ({ saveBranding, setProgressItem, isLoggedIn }) => {
     setProgressItem(5);
 
     if (currentStep === 0) {
-      navigate("/self-service/wizard");
+      navigate(`${selfServiceRootRoute}/wizard`);
     }
 
     if (branding) {
@@ -104,11 +105,11 @@ const BrandingLegacy = ({ saveBranding, setProgressItem, isLoggedIn }) => {
       formData?.fontUrl.value.trim() !== "");
 
   const onBack = () => {
-    navigate("/self-service/work/new/website-design-legacy/page-details");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/page-details`);
   };
 
   const onNext = () => {
-    navigate("/self-service/work/new/website-design-legacy/review");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/review`);
     saveBranding(formData);
     setProgressItem(6);
   };
diff --git a/src/routes/LoginPrompt/index.jsx b/src/routes/LoginPrompt/index.jsx
index 7ce77f6c7..8b130bd67 100644
--- a/src/routes/LoginPrompt/index.jsx
+++ b/src/routes/LoginPrompt/index.jsx
@@ -13,6 +13,7 @@ import config from "../../../config";
 import PageFoot from "../../components/PageElements/PageFoot";
 import PageDivider from "../../components/PageDivider";
 import { ReactComponent as BackIcon } from "../../assets/images/icon-back-arrow.svg";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 import styles from "./styles.module.scss";
 
@@ -46,7 +47,7 @@ const LoginPrompt = ({
 
   const onBack = () => {
     navigate(
-      previousPageUrl || "/self-service/work/new/website-design-legacy/page-details"
+      previousPageUrl || `${selfServiceRootRoute}/new/website-design-legacy/page-details`
     );
   };
 
diff --git a/src/routes/PageDetailsLegacy/index.jsx b/src/routes/PageDetailsLegacy/index.jsx
index 5b1521d14..999edf80e 100644
--- a/src/routes/PageDetailsLegacy/index.jsx
+++ b/src/routes/PageDetailsLegacy/index.jsx
@@ -20,6 +20,7 @@ import { setProgressItem } from "../../actions/progress";
 import { ReactComponent as BackIcon } from "../../assets/images/icon-back-arrow.svg";
 import { WebsiteDesignBannerLegacy } from "../../components/Banners/WebsiteDesignBannerLegacy";
 import { ROUTES } from "../../constants";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 import PageDetailsForm from "./components/PageDetailsForm";
 import styles from "./styles.module.scss";
@@ -47,7 +48,7 @@ const PageDetailsLegacy = ({ savePageDetails, setProgressItem, isLoggedIn }) =>
   const estimate = getDynamicPriceAndTimelineEstimate(fullState);
 
   const onBack = () => {
-    navigate("/self-service/work/new/website-design-legacy/website-purpose");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/website-purpose`);
   };
 
   const [firstMounted, setFirstMounted] = useState(true);
@@ -59,7 +60,7 @@ const PageDetailsLegacy = ({ savePageDetails, setProgressItem, isLoggedIn }) =>
     setProgressItem(4);
 
     if (currentStep === 0) {
-      navigate("/self-service/wizard");
+      navigate(`${selfServiceRootRoute}/wizard`);
     }
 
     if (pageDetails) {
@@ -74,7 +75,7 @@ const PageDetailsLegacy = ({ savePageDetails, setProgressItem, isLoggedIn }) =>
   }, [currentStep, pageDetails, dispatch, setProgressItem, firstMounted, navigate, isLoggedIn]);
 
   const onNext = () => {
-    navigate("/self-service/work/new/website-design-legacy/login-prompt");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/login-prompt`);
     savePageDetails(listInputs);
     setProgressItem(5);
   };
diff --git a/src/routes/Products/DataAdvisory/index.jsx b/src/routes/Products/DataAdvisory/index.jsx
index b24dfac3d..d16402fe8 100644
--- a/src/routes/Products/DataAdvisory/index.jsx
+++ b/src/routes/Products/DataAdvisory/index.jsx
@@ -11,6 +11,7 @@ import { ReactComponent as DataAdvisoryIcon } from "../../../assets/images/data-
 import HelpBanner from "../../../components/HelpBanner";
 import FeaturedWorkTypeBanner from "../../../components/Banners/FeaturedWorkTypeBanner";
 import { webWorkTypes } from "../../../constants/index";
+import { selfServiceRootRoute } from "../../../../src-ts/tools/work";
 
 export default function DataAdvisory({ isLoggedIn }) {
   const dataAdvisory = webWorkTypes.find(
@@ -35,8 +36,8 @@ export default function DataAdvisory({ isLoggedIn }) {
       <Route
         element={<LoginPrompt
           isLoggedIn={isLoggedIn}
-          previousPageUrl="/self-service/work/new/data-advisory/basic-info"
-          nextPageUrl="/self-service/work/new/data-advisory/review"
+          previousPageUrl={`${selfServiceRootRoute}/new/data-advisory/basic-info`}
+          nextPageUrl={`${selfServiceRootRoute}/new/data-advisory/review`}
         />}
         path="/login-prompt"
       />
@@ -55,10 +56,10 @@ export default function DataAdvisory({ isLoggedIn }) {
               {helperBannerContent}
             </HelpBanner>
           }
-          previousPageUrl="/self-service/work/new/data-advisory/basic-info"
+          previousPageUrl={`${selfServiceRootRoute}/new/data-advisory/basic-info`}
           nextPageUrl={
             isLoggedIn
-              ? "/self-service/work/new/data-advisory/thank-you"
+              ? `${selfServiceRootRoute}/new/data-advisory/thank-you`
               : config.SIGN_IN_URL
           }
           icon={<DataAdvisoryIcon />}
diff --git a/src/routes/Products/DataExploration/index.jsx b/src/routes/Products/DataExploration/index.jsx
index d1ad92fa8..cf0137a1c 100644
--- a/src/routes/Products/DataExploration/index.jsx
+++ b/src/routes/Products/DataExploration/index.jsx
@@ -11,6 +11,7 @@ import { ReactComponent as DataExplorationIcon } from "../../../assets/images/da
 import HelpBanner from "../../../components/HelpBanner";
 import FeaturedWorkTypeBanner from "../../../components/Banners/FeaturedWorkTypeBanner";
 import { webWorkTypes } from "../../../constants/index";
+import { selfServiceRootRoute } from "../../../../src-ts/tools/work";
 
 export default function DataExploration({ isLoggedIn }) {
   const dataExploration = webWorkTypes.find(
@@ -35,8 +36,8 @@ export default function DataExploration({ isLoggedIn }) {
       <Route
         element={<LoginPrompt
           isLoggedIn={isLoggedIn}
-          previousPageUrl="/self-service/work/new/data-exploration/basic-info"
-          nextPageUrl="/self-service/work/new/data-exploration/review"
+          previousPageUrl={`${selfServiceRootRoute}/new/data-exploration/basic-info`}
+          nextPageUrl={`${selfServiceRootRoute}/new/data-exploration/review`}
         />}
         path="/login-prompt"
       />
@@ -55,10 +56,10 @@ export default function DataExploration({ isLoggedIn }) {
               {helperBannerContent}
             </HelpBanner>
           }
-          previousPageUrl="/self-service/work/new/data-exploration/basic-info"
+          previousPageUrl={`${selfServiceRootRoute}/new/data-exploration/basic-info`}
           nextPageUrl={
             isLoggedIn
-              ? "/self-service/work/new/data-exploration/thank-you"
+              ? `${selfServiceRootRoute}/new/data-exploration/thank-you`
               : config.SIGN_IN_URL
           }
           icon={<DataExplorationIcon />}
diff --git a/src/routes/Products/FindMeData/index.jsx b/src/routes/Products/FindMeData/index.jsx
index fc25e03e6..d87323d3d 100644
--- a/src/routes/Products/FindMeData/index.jsx
+++ b/src/routes/Products/FindMeData/index.jsx
@@ -11,6 +11,7 @@ import { ReactComponent as FindMeDataIcon } from "../../../assets/images/find-me
 import HelpBanner from "../../../components/HelpBanner";
 import { webWorkTypes } from "../../../constants/index";
 import FeaturedWorkTypeBanner from "../../../components/Banners/FeaturedWorkTypeBanner";
+import { selfServiceRootRoute } from "../../../../src-ts/tools/work";
 
 export default function FindMeData({ isLoggedIn }) {
   const findMeData = webWorkTypes.find(
@@ -35,8 +36,8 @@ export default function FindMeData({ isLoggedIn }) {
       <Route
         element={<LoginPrompt
           isLoggedIn={isLoggedIn}
-          previousPageUrl="/self-service/work/new/find-me-data/basic-info"
-          nextPageUrl="/self-service/work/new/find-me-data/review"
+          previousPageUrl={`${selfServiceRootRoute}/new/find-me-data/basic-info`}
+          nextPageUrl={`${selfServiceRootRoute}/new/find-me-data/review`}
         />}
         path="/login-prompt"
       />
@@ -55,10 +56,10 @@ export default function FindMeData({ isLoggedIn }) {
               {helperBannerContent}
             </HelpBanner>
           }
-          previousPageUrl="/self-service/work/new/find-me-data/basic-info"
+          previousPageUrl={`${selfServiceRootRoute}/new/find-me-data/basic-info`}
           nextPageUrl={
             isLoggedIn
-              ? "/self-service/work/new/find-me-data/thank-you"
+              ? `${selfServiceRootRoute}/new/find-me-data/thank-you`
               : config.SIGN_IN_URL
           }
           icon={<FindMeDataIcon />}
diff --git a/src/routes/Products/WebsiteDesign/index.jsx b/src/routes/Products/WebsiteDesign/index.jsx
index 7536b883b..9ecde1c63 100644
--- a/src/routes/Products/WebsiteDesign/index.jsx
+++ b/src/routes/Products/WebsiteDesign/index.jsx
@@ -11,6 +11,7 @@ import { ReactComponent as DataExplorationIcon } from "../../../assets/images/da
 import HelpBanner from "../../../components/HelpBanner";
 import FeaturedWorkTypeBanner from "../../../components/Banners/FeaturedWorkTypeBanner";
 import { webWorkTypes } from "../../../constants/index";
+import { selfServiceRootRoute } from "../../../../src-ts/tools/work";
 
 export default function WebsiteDesign({ isLoggedIn }) {
   const websiteDesign = webWorkTypes.find(
@@ -35,8 +36,8 @@ export default function WebsiteDesign({ isLoggedIn }) {
       <Route
         element={<LoginPrompt
           isLoggedIn={isLoggedIn}
-          previousPageUrl="/self-service/work/new/website-design/basic-info"
-          nextPageUrl="/self-service/work/new/website-design/review"
+          previousPageUrl={`${selfServiceRootRoute}/new/website-design/basic-info`}
+          nextPageUrl={`${selfServiceRootRoute}/new/website-design/review`}
         />}
         path="/login-prompt"
       />
@@ -55,10 +56,10 @@ export default function WebsiteDesign({ isLoggedIn }) {
               {helperBannerContent}
             </HelpBanner>
           }
-          previousPageUrl="/self-service/work/new/website-design/basic-info"
+          previousPageUrl={`${selfServiceRootRoute}/new/website-design/basic-info`}
           nextPageUrl={
             isLoggedIn
-              ? "/self-service/work/new/website-design/thank-you"
+              ? `${selfServiceRootRoute}/new/website-design/thank-you`
               : config.SIGN_IN_URL
           }
           icon={<DataExplorationIcon />}
diff --git a/src/routes/Products/WebsiteDesignLegacy/index.jsx b/src/routes/Products/WebsiteDesignLegacy/index.jsx
index 62b2e91d6..6fbd3a01f 100644
--- a/src/routes/Products/WebsiteDesignLegacy/index.jsx
+++ b/src/routes/Products/WebsiteDesignLegacy/index.jsx
@@ -7,6 +7,7 @@ import BrandingLegacy from "../../BrandingLegacy";
 import PageDetailsLegacy from "../../PageDetailsLegacy";
 import WebsitePurposeLegacy from "../../WebsitePurposeLegacy";
 import WebsiteDesignBannerLegacy from "../../../components/Banners/WebsiteDesignBannerLegacy";
+import { selfServiceRootRoute } from "../../../../src-ts/tools/work";
 
 export default function WebsiteDesignLegacy({ isLoggedIn }) {
   return (
@@ -30,7 +31,7 @@ export default function WebsiteDesignLegacy({ isLoggedIn }) {
       <Route
         element={<LoginPrompt
           isLoggedIn={isLoggedIn}
-          nextPageUrl="/self-service/work/new/website-design-legacy/branding"
+          nextPageUrl={`${selfServiceRootRoute}/new/website-design-legacy/branding`}
         />}
         path="/login-prompt"
       />
diff --git a/src/routes/Products/components/BasicInfo/index.jsx b/src/routes/Products/components/BasicInfo/index.jsx
index 3b61a1291..cbfa73410 100644
--- a/src/routes/Products/components/BasicInfo/index.jsx
+++ b/src/routes/Products/components/BasicInfo/index.jsx
@@ -43,6 +43,7 @@ import {
   getWebsiteDesignPriceAndTimelineEstimate,
 } from "../../../../utils/";
 import FeaturedWorkTypeBanner from "../../../../components/Banners/FeaturedWorkTypeBanner";
+import { selfServiceRootRoute } from "../../../../../src-ts/tools/work";
 
 import styles from "./styles.module.scss";
 
@@ -147,10 +148,10 @@ const BasicInfo = ({
   const onBack = () => {
     dispatch(triggerCookieClear());
     saveBasicInfo(defaultFormData);
-    navigate("/self-service/wizard");
+    navigate(`${selfServiceRootRoute}/wizard`);
   };
 
-  const baseUrl = `/self-service/work/new/${workItemConfig.basePath}`;
+  const baseUrl = `${selfServiceRootRoute}/new/${workItemConfig.basePath}`;
 
   const onNext = () => {
     setProgressItem(isLoggedIn ? 7 : 5);
@@ -218,7 +219,7 @@ const BasicInfo = ({
   const saveForm = (autoSave) => {
     saveBasicInfo(formData);
     dispatch(triggerAutoSave(autoSave, isLoggedIn, true));
-    if (autoSave) navigate("/self-service");
+    if (autoSave) navigate(selfServiceRootRoute);
   };
 
   const onClickBreadcrumbItem = (item) => {
diff --git a/src/routes/Review/components/ReviewTable/index.jsx b/src/routes/Review/components/ReviewTable/index.jsx
index 7a618bc78..2f759f13e 100644
--- a/src/routes/Review/components/ReviewTable/index.jsx
+++ b/src/routes/Review/components/ReviewTable/index.jsx
@@ -1,11 +1,12 @@
 import React from "react";
 import { WorkDetailDetailsPane } from "../../../../../src-ts";
+import { selfServiceRootRoute } from "../../../../../src-ts/tools/work";
 
 /**
  * Review Table Component
  */
 const ReviewTable = ({ workItemConfig, formData }) => {
-  const redirectUrl = `/self-service/work/new/${workItemConfig.basePath}/basic-info`;
+  const redirectUrl = `${selfServiceRootRoute}/new/${workItemConfig.basePath}/basic-info`;
   return (
     <WorkDetailDetailsPane
       formData={formData}
diff --git a/src/routes/Review/index.jsx b/src/routes/Review/index.jsx
index 6e1793fb2..8e776bce4 100644
--- a/src/routes/Review/index.jsx
+++ b/src/routes/Review/index.jsx
@@ -36,6 +36,7 @@ import {
   setCookie,
   clearCachedChallengeId,
 } from "../../autoSaveBeforeLogin";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 import AboutYourProject from "./components/AboutYourProject";
 import styles from "./styles.module.scss";
@@ -109,7 +110,7 @@ const Review = ({
     setProgressItem(7);
 
     if (currentStep === 0) {
-      navigate("/self-service");
+      navigate(selfServiceRootRoute);
     }
 
     setFirstMounted(false);
@@ -126,14 +127,14 @@ const Review = ({
     }
 
     if (currentStep === 0) {
-      navigate("/self-service");
+      navigate(selfServiceRootRoute);
     }
 
     setAnotherFirstMounted(false);
   }, [currentStep, anotherFirstMounted, navigate]);
 
   const onBack = () => {
-    navigate(previousPageUrl || "/self-service/branding");
+    navigate(previousPageUrl || `${selfServiceRootRoute}/branding`);
   };
 
   const clearPreviousForm = () => {
@@ -169,7 +170,7 @@ const Review = ({
       .then((res) => {
         activateChallenge(challengeId);
         clearPreviousForm();
-        navigate(nextPageUrl || "/self-service/thank-you");
+        navigate(nextPageUrl || `${selfServiceRootRoute}/thank-you`);
         setProgressItem(8);
         setPaymentFailed(false);
       })
diff --git a/src/routes/ReviewLegacy/index.jsx b/src/routes/ReviewLegacy/index.jsx
index 3170a275d..c87d8a7e9 100644
--- a/src/routes/ReviewLegacy/index.jsx
+++ b/src/routes/ReviewLegacy/index.jsx
@@ -42,6 +42,7 @@ import {
 import { Breadcrumb, OrderContractModal } from "../../../src-ts";
 import AboutYourProject from "../../routes/Review/components/AboutYourProject";
 import PageH2 from "../../components/PageElements/PageH2";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 let stripePromise;
 
@@ -94,7 +95,7 @@ const ReviewLegacy = ({
     setProgressItem(7);
 
     if (currentStep === 0) {
-      navigate("/self-service");
+      navigate(selfServiceRootRoute);
     }
 
     setFirstMounted(false);
@@ -111,14 +112,14 @@ const ReviewLegacy = ({
     }
 
     if (currentStep === 0) {
-      navigate("/self-service");
+      navigate(selfServiceRootRoute);
     }
 
     setAnotherFirstMounted(false);
   }, [currentStep, anotherFirstMounted, navigate]);
 
   const onBack = () => {
-    navigate("/self-service/work/new/website-design-legacy/branding");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/branding`);
   };
 
   const clearPreviousForm = () => {
@@ -165,7 +166,7 @@ const ReviewLegacy = ({
       .then((res) => {
         activateChallenge(challengeId);
         clearPreviousForm();
-        navigate("/self-service/work/new/website-design-legacy/thank-you");
+        navigate(`${selfServiceRootRoute}/new/website-design-legacy/thank-you`);
         setProgressItem(8);
         setPaymentFailed(false);
       })
diff --git a/src/routes/SelectWorkType/index.jsx b/src/routes/SelectWorkType/index.jsx
index d978ca66e..482ad5443 100644
--- a/src/routes/SelectWorkType/index.jsx
+++ b/src/routes/SelectWorkType/index.jsx
@@ -24,6 +24,7 @@ import {
 
 import styles from "./styles.module.scss";
 import classNames from "classnames";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 const WorkTypeCard = ({
   className = "",
@@ -156,7 +157,7 @@ const SelectWorkType = ({
 
   const breadcrumb = [
     { url: ROUTES.DASHBOARD_PAGE, name: "My work" },
-    { url: "/self-service/wizard", name: "Start work" },
+    { url: `${selfServiceRootRoute}/wizard`, name: "Start work" },
   ];
 
   const workTypeClassName = (title) => title.toLowerCase().split(" ").join("-");
diff --git a/src/routes/WebsitePurposeLegacy/index.jsx b/src/routes/WebsitePurposeLegacy/index.jsx
index 7c16fe9da..b24adef27 100644
--- a/src/routes/WebsitePurposeLegacy/index.jsx
+++ b/src/routes/WebsitePurposeLegacy/index.jsx
@@ -22,6 +22,7 @@ import WebsitePurposeForm from "./components/WebsitePurposeForm";
 import styles from "./styles.module.scss";
 
 import { Breadcrumb } from "../../../src-ts";
+import { selfServiceRootRoute } from "../../../src-ts/tools/work";
 
 /**
  * Website Purpose Page
@@ -54,12 +55,12 @@ const WebsitePurposeLegacy = ({ saveWebsitePurpose, setProgressItem, isLoggedIn
     formData?.userStory?.value.length;
 
   const onBack = () => {
-    navigate("/self-service/work/new/website-design-legacy/basic-info");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/basic-info`);
   };
 
   const onNext = () => {
     saveWebsitePurpose(formData);
-    navigate("/self-service/work/new/website-design-legacy/page-details");
+    navigate(`${selfServiceRootRoute}/new/website-design-legacy/page-details`);
     setProgressItem(4);
   };
 
@@ -72,7 +73,7 @@ const WebsitePurposeLegacy = ({ saveWebsitePurpose, setProgressItem, isLoggedIn
     setProgressItem(3);
 
     if (currentStep === 0) {
-      navigate("/self-service");
+      navigate(selfServiceRootRoute);
     }
 
     if (websitePurpose) {

From b66975cd8cd4974d076faff2c817e0e8d1f9dcb7 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 5 May 2023 12:44:25 +0300
Subject: [PATCH 2/5] TCA-1281 - more fixes

---
 .../community-app/getting-started/GettingStartedGuide.tsx     | 4 ++--
 .../GetStartedCardsContainer/GetStartedCardsContainer.tsx     | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx b/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
index be217dba6..e5e565513 100644
--- a/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
+++ b/src-ts/tools/dev-center/dev-center-pages/community-app/getting-started/GettingStartedGuide.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 import { Breadcrumb, BreadcrumbItemModel, ContentLayout } from '../../../../../lib'
-import { toolTitle } from '../../../dev-center.routes'
+import { rootRoute, toolTitle } from '../../../dev-center.routes'
 import { LayoutDocHeader, MarkdownDoc } from '../../../dev-center-lib/MarkdownDoc'
 import useMarkdown from '../../../dev-center-lib/hooks/useMarkdown'
 
@@ -11,7 +11,7 @@ import styles from './GettingStartedGuide.module.scss'
 export const GettingStartedGuide: React.FC = () => {
     const { doc, toc, title }: ReturnType<typeof useMarkdown> = useMarkdown({ uri: gettingStartedGuide })
     const breadcrumb: Array<BreadcrumbItemModel> = React.useMemo(() => [
-        { name: toolTitle, url: '/' },
+        { name: toolTitle, url: rootRoute || '/' },
         { name: title, url: '#' },
     ], [title])
 
diff --git a/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx b/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
index 4665e25ac..8bca99394 100644
--- a/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
+++ b/src-ts/tools/dev-center/dev-center-pages/community-app/landing-page/dev-center-get-started/GetStartedCardsContainer/GetStartedCardsContainer.tsx
@@ -3,6 +3,7 @@ import { FC } from 'react'
 import { Button } from '../../../../../../../lib'
 import { ApiCornerIcon, ApiIcon, CommunityAppCornerIcon, CommunityAppIcon } from '../../../../../assets/i'
 import { DevCenterCard } from '../../dev-center-card'
+import { rootRoute } from '../../../../../dev-center.routes'
 
 import styles from './GetStartedCardsContainer.module.scss'
 
@@ -14,7 +15,7 @@ const GetStartedCardsContainer: FC = () => (
             title='Community App'
             titleClass={styles.communityTitle}
             description='Learn about Topcoder Community App and run started code.'
-            button={<Button route='/getting-started' label='get started' className={styles.button} />}
+            button={<Button route={`${rootRoute}/getting-started`} label='get started' className={styles.button} />}
         />
         <DevCenterCard
             cornerIcon={<ApiCornerIcon />}

From bdf8299bcb569079b8ebe8fc472b2f3eba08424c Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 5 May 2023 16:16:46 +0300
Subject: [PATCH 3/5] fix circular dependency, update routes in self service

---
 src/constants/index.js                        |  7 +----
 src/constants/products/DataAdvisory/index.js  | 18 ++++++-----
 .../products/DataExploration/index.js         | 18 ++++++-----
 src/constants/products/FindMeData/index.js    | 18 ++++++-----
 src/constants/products/WebsiteDesign/index.js | 18 ++++++-----
 .../products/WebsiteDesignLegacy/index.js     | 30 ++++++++++---------
 src/constants/routes.js                       |  6 ++++
 7 files changed, 63 insertions(+), 52 deletions(-)
 create mode 100644 src/constants/routes.js

diff --git a/src/constants/index.js b/src/constants/index.js
index 8ced16c67..a63737290 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -38,13 +38,8 @@ import imgProductProblemStatement from "../assets/images/products/product-main-p
 import imgProductFindMeData from "../assets/images/products/product-main-photos/find-me-data.jpeg";
 import imgProductWebsiteDesign from "../assets/images/products/product-main-photos/web-design.jpeg";
 import imgRedBlueGradient from "../assets/images/products/product-main-photos/reb-blue-gradient-background.jpeg";
-import { EnvironmentConfig } from "../../src-ts";
-import { AppSubdomain } from "../../src-ts/config";
 
-// Need to re-define this in here, otherwise if we're loading it from tools/work/work.routes
-//  it creates a circular dependency within webpack somehow and it breaks the build
-export const rootRoute = EnvironmentConfig.SUBDOMAIN === AppSubdomain.work ? '' : `/${AppSubdomain.work}`
-export const selfServiceRootRoute = `${rootRoute}/self-service`
+import { selfServiceRootRoute } from './routes';
 
 export const UNDER_MAINTENANCE = false;
 
diff --git a/src/constants/products/DataAdvisory/index.js b/src/constants/products/DataAdvisory/index.js
index 0a1f93d25..59174f971 100644
--- a/src/constants/products/DataAdvisory/index.js
+++ b/src/constants/products/DataAdvisory/index.js
@@ -1,3 +1,5 @@
+import { selfServiceRootRoute } from "../../routes";
+
 export const CHALLENGE_FIELD_VALUES = {
   trackId: "c0f5d461-8219-4c14-878a-c3a3f356466d",
   typeId: "927abff4-7af9-4145-8ba1-577c16e64e2e",
@@ -5,14 +7,14 @@ export const CHALLENGE_FIELD_VALUES = {
 };
 
 export const INTAKE_FORM_ROUTES = [
-  "/self-service/wizard",
-  "/self-service/new/data-advisory/basic-info",
-  "/self-service",
-  "/self-service",
-  "/self-service/new/data-advisory/login-prompt",
-  "/self-service",
-  "/self-service/new/data-advisory/review",
-  "/self-service/new/data-advisory/thank-you",
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/new/data-advisory/basic-info`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/data-advisory/login-prompt`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/data-advisory/review`,
+  `${selfServiceRootRoute}/new/data-advisory/thank-you`,
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/DataExploration/index.js b/src/constants/products/DataExploration/index.js
index 05bcc57a8..6f861b690 100644
--- a/src/constants/products/DataExploration/index.js
+++ b/src/constants/products/DataExploration/index.js
@@ -1,3 +1,5 @@
+import { selfServiceRootRoute } from "../../routes";
+
 export const CHALLENGE_FIELD_VALUES = {
   trackId: "c0f5d461-8219-4c14-878a-c3a3f356466d",
   typeId: "927abff4-7af9-4145-8ba1-577c16e64e2e",
@@ -5,14 +7,14 @@ export const CHALLENGE_FIELD_VALUES = {
 };
 
 export const INTAKE_FORM_ROUTES = [
-  "/self-service/wizard",
-  "/self-service/new/data-exploration/basic-info",
-  "/self-service",
-  "/self-service",
-  "/self-service/new/data-exploration/login-prompt",
-  "/self-service",
-  "/self-service/new/data-exploration/review",
-  "/self-service/new/data-exploration/thank-you",
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/new/data-exploration/basic-info`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/data-exploration/login-prompt`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/data-exploration/review`,
+  `${selfServiceRootRoute}/new/data-exploration/thank-you`,
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/FindMeData/index.js b/src/constants/products/FindMeData/index.js
index 928f3a579..280a0ccc4 100644
--- a/src/constants/products/FindMeData/index.js
+++ b/src/constants/products/FindMeData/index.js
@@ -1,3 +1,5 @@
+import { selfServiceRootRoute } from "../../routes";
+
 export const CHALLENGE_FIELD_VALUES = {
   trackId: "c0f5d461-8219-4c14-878a-c3a3f356466d",
   typeId: "927abff4-7af9-4145-8ba1-577c16e64e2e",
@@ -5,14 +7,14 @@ export const CHALLENGE_FIELD_VALUES = {
 };
 
 export const INTAKE_FORM_ROUTES = [
-  "/self-service/wizard",
-  "/self-service/new/find-me-data/basic-info",
-  "/self-service",
-  "/self-service",
-  "/self-service/new/find-me-data/login-prompt",
-  "/self-service",
-  "/self-service/new/find-me-data/review",
-  "/self-service/new/find-me-data/thank-you",
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/new/find-me-data/basic-info`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/find-me-data/login-prompt`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/find-me-data/review`,
+  `${selfServiceRootRoute}/new/find-me-data/thank-you`,
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/WebsiteDesign/index.js b/src/constants/products/WebsiteDesign/index.js
index b113b0f47..cf63ac769 100644
--- a/src/constants/products/WebsiteDesign/index.js
+++ b/src/constants/products/WebsiteDesign/index.js
@@ -1,3 +1,5 @@
+import { selfServiceRootRoute } from "../../routes";
+
 export const CHALLENGE_FIELD_VALUES = {
   trackId: "5fa04185-041f-49a6-bfd1-fe82533cd6c8",
   typeId: "927abff4-7af9-4145-8ba1-577c16e64e2e",
@@ -5,14 +7,14 @@ export const CHALLENGE_FIELD_VALUES = {
 };
 
 export const INTAKE_FORM_ROUTES = [
-  "/self-service/wizard",
-  "/self-service/new/website-design/basic-info",
-  "/self-service",
-  "/self-service",
-  "/self-service/new/website-design/login-prompt",
-  "/self-service",
-  "/self-service/new/website-design/review",
-  "/self-service/new/website-design/thank-you",
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/new/website-design/basic-info`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/website-design/login-prompt`,
+  `${selfServiceRootRoute}`,
+  `${selfServiceRootRoute}/new/website-design/review`,
+  `${selfServiceRootRoute}/new/website-design/thank-you`,
 ];
 
 export const DEFAULT_TIMELINE = [
diff --git a/src/constants/products/WebsiteDesignLegacy/index.js b/src/constants/products/WebsiteDesignLegacy/index.js
index 2a973ae5d..ec4a09a5d 100644
--- a/src/constants/products/WebsiteDesignLegacy/index.js
+++ b/src/constants/products/WebsiteDesignLegacy/index.js
@@ -1,3 +1,5 @@
+import { selfServiceRootRoute } from "../../routes";
+
 export const PRIZES_PAYMENT_BREAKDOWN = [0.5, 0.2, 0.1];
 export const REVIEWER_PAYMENT_BREAKDOWN = [0.1, 0.1];
 export const DEFAULT_DURATION = "4-6";
@@ -111,54 +113,54 @@ export const DURATION_MAPPING = [
 ];
 
 export const INTAKE_FORM_ROUTES = [
-  "/self-service/wizard",
-  "/self-service/new/website-design-legacy/basic-info",
-  "/self-service/new/website-design-legacy/website-purpose",
-  "/self-service/new/website-design-legacy/page-details",
-  "/self-service/new/website-design-legacy/login-prompt",
-  "/self-service/new/website-design-legacy/branding",
-  "/self-service/new/website-design-legacy/review",
-  "/self-service/new/website-design-legacy/thank-you",
+  `${selfServiceRootRoute}/wizard`,
+  `${selfServiceRootRoute}/new/website-design-legacy/basic-info`,
+  `${selfServiceRootRoute}/new/website-design-legacy/website-purpose`,
+  `${selfServiceRootRoute}/new/website-design-legacy/page-details`,
+  `${selfServiceRootRoute}/new/website-design-legacy/login-prompt`,
+  `${selfServiceRootRoute}/new/website-design-legacy/branding`,
+  `${selfServiceRootRoute}/new/website-design-legacy/review`,
+  `${selfServiceRootRoute}/new/website-design-legacy/thank-you`,
 ];
 
 export const PROGRESS_LEVELS = [
   {
     label: "Basic Info",
-    url: "/self-service/new/website-design-legacy/basic-info",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/basic-info`,
     trueIndex: 2,
     showIndex: 1,
     visibleInProgressIndicator: true,
   },
   {
     label: "REVIEW REQUIREMENTS",
-    url: "/self-service/new/website-design-legacy/basic-info",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/basic-info`,
     trueIndex: 2,
     showIndex: 1,
   },
   {
     label: "Website Purpose",
-    url: "/self-service/new/website-design-legacy/website-purpose",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/website-purpose`,
     trueIndex: 3,
     showIndex: 2,
     visibleInProgressIndicator: true,
   },
   {
     label: "Page Details",
-    url: "/self-service/new/website-design-legacy/page-details",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/page-details`,
     trueIndex: 4,
     showIndex: 3,
     visibleInProgressIndicator: true,
   },
   {
     label: "Branding",
-    url: "/self-service/new/website-design-legacy/branding",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/branding`,
     trueIndex: 5,
     showIndex: 4,
     visibleInProgressIndicator: true,
   },
   {
     label: "Review",
-    url: "/self-service/new/website-design-legacy/review",
+    url: `${selfServiceRootRoute}/new/website-design-legacy/review`,
     trueIndex: 6,
     showIndex: 5,
     visibleInProgressIndicator: true,
diff --git a/src/constants/routes.js b/src/constants/routes.js
new file mode 100644
index 000000000..653ce33c1
--- /dev/null
+++ b/src/constants/routes.js
@@ -0,0 +1,6 @@
+import { AppSubdomain, EnvironmentConfig } from "../../src-ts/config"
+
+// Need to re-define this in here, otherwise if we're loading it from tools/work/work.routes
+// it creates a circular dependency within webpack somehow and it breaks the build
+export const rootRoute = EnvironmentConfig.SUBDOMAIN === AppSubdomain.work ? '' : `/${AppSubdomain.work}`
+export const selfServiceRootRoute = `${rootRoute}/self-service`

From 379a2b8341baf12486141f89e1689524215e16f7 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Mon, 8 May 2023 11:55:47 +0300
Subject: [PATCH 4/5] fix dashboard route for friendlier urls

---
 src/constants/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/constants/index.js b/src/constants/index.js
index a63737290..c08de1d9e 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -39,7 +39,7 @@ import imgProductFindMeData from "../assets/images/products/product-main-photos/
 import imgProductWebsiteDesign from "../assets/images/products/product-main-photos/web-design.jpeg";
 import imgRedBlueGradient from "../assets/images/products/product-main-photos/reb-blue-gradient-background.jpeg";
 
-import { selfServiceRootRoute } from './routes';
+import { rootRoute, selfServiceRootRoute } from './routes';
 
 export const UNDER_MAINTENANCE = false;
 
@@ -48,7 +48,7 @@ export const GA_ID = "GTM-MXXQHG8";
 export const ROUTES = {
   INTAKE_FORM: `${selfServiceRootRoute}/wizard`,
   HOME_PAGE: `${selfServiceRootRoute}`,
-  DASHBOARD_PAGE: `/work/dashboard`,
+  DASHBOARD_PAGE: `${rootRoute}/dashboard`,
   WEBSITE_DESIGN: `${selfServiceRootRoute}/new/website-design/basic-info`,
   WEBSITE_DESIGN_REVIEW: `${selfServiceRootRoute}/new/website-design/review`,
   DATA_EXPLORATION: `${selfServiceRootRoute}/new/data-exploration/basic-info`,

From a20c2bbc01a5977d02ce1ed82018ffd09b018abc Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Mon, 8 May 2023 14:48:11 +0300
Subject: [PATCH 5/5] TCA-1281 - self service root route

---
 src/constants/index.js                             | 2 +-
 src/routes/Products/components/BasicInfo/index.jsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/constants/index.js b/src/constants/index.js
index c08de1d9e..453810d02 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -47,7 +47,7 @@ export const GA_ID = "GTM-MXXQHG8";
 
 export const ROUTES = {
   INTAKE_FORM: `${selfServiceRootRoute}/wizard`,
-  HOME_PAGE: `${selfServiceRootRoute}`,
+  HOME_PAGE: rootRoute || '/',
   DASHBOARD_PAGE: `${rootRoute}/dashboard`,
   WEBSITE_DESIGN: `${selfServiceRootRoute}/new/website-design/basic-info`,
   WEBSITE_DESIGN_REVIEW: `${selfServiceRootRoute}/new/website-design/review`,
diff --git a/src/routes/Products/components/BasicInfo/index.jsx b/src/routes/Products/components/BasicInfo/index.jsx
index cbfa73410..e8046591f 100644
--- a/src/routes/Products/components/BasicInfo/index.jsx
+++ b/src/routes/Products/components/BasicInfo/index.jsx
@@ -21,6 +21,7 @@ import {
   BUTTON_TYPE,
   PageOptions,
   PrimaryDataChallengeOptions,
+  ROUTES,
 } from "../../../../constants/";
 import {
   saveBasicInfo,
@@ -219,7 +220,7 @@ const BasicInfo = ({
   const saveForm = (autoSave) => {
     saveBasicInfo(formData);
     dispatch(triggerAutoSave(autoSave, isLoggedIn, true));
-    if (autoSave) navigate(selfServiceRootRoute);
+    if (autoSave) navigate(ROUTES.HOME_PAGE);
   };
 
   const onClickBreadcrumbItem = (item) => {