feat: create a route to handle invite keys that includes the customer…

… slug

The existing universal link route does not contain the enterprise slug, so for unauthenticated users,
the frontend has no knowledge of which customer’s branded logistration for which to redirect.
This is typically relied upon based on the `:enterpriseSlug` route parameter in the URL,
which is missing for the existing universal link route.
This change adds a new invite key route that includes the enterprise slug. This will
enable us to produce slug-aware invite URLs from the admin portal, that receiving learners
can use to become linked to the enterprise via the B2B-specific auth flow (which is customer-aware).
ENT-9428

src/components/app/routes/createAppRouter.test.jsx

@@ -134,6 +134,14 @@ describe('createAppRouter', () => {
         usesQueryClient: false,
       }],
     },
+    {
+      currentRoutePath: '/test-enterprise/invite/enterprise-customer-invite-key',
+      expectedRouteTestId: 'invite',
+      expectedRouteLoaders: [{
+        loader: makeEnterpriseInviteLoader,
+        usesQueryClient: false,
+      }],
+    },
     {
       currentRoutePath: '/test-enterprise',
       expectedRouteTestId: 'dashboard',

src/routes.tsx

@@ -167,6 +167,19 @@ function getEnterpriseSlugRoutes(queryClient?: Types.QueryClient) {
         };
       },
     },
+    {
+      path: 'invite/:enterpriseCustomerInviteKey',
+      lazy: async () => {
+        const {
+          default: EnterpriseInviteRoute,
+          makeEnterpriseInviteLoader,
+        } = await import('./components/app/routes/EnterpriseInviteRoute');
+        return {
+          Component: EnterpriseInviteRoute,
+          loader: makeEnterpriseInviteLoader(),
+        };
+      },
+    },
     {
       path: '*',
       element: <NotFoundPage />,