[PROD RELEASE] - Q2

.github/workflows/code_reviewer.yml

@@ -0,0 +1,22 @@
+name: AI PR Reviewer
+
+on:
+    pull_request:
+        types:
+            - opened
+            - synchronize
+permissions:
+    pull-requests: write
+jobs:
+    tc-ai-pr-review:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout Repo
+              uses: actions/checkout@v3
+
+            - name: TC AI PR Reviewer
+              uses: topcoder-platform/tc-ai-pr-reviewer@master
+              with:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # The GITHUB_TOKEN is there by default so you just need to keep it like it is and not necessarily need to add it as secret as it will throw an error. [More Details](https://docs.github.com/en/actions/security-guides/automatic-token-authentication#about-the-github_token-secret)
+                  LAB45_API_KEY: ${{ secrets.LAB45_API_KEY }}
+                  exclude: '**/*.json, **/*.md, **/*.jpg, **/*.png, **/*.jpeg, **/*.bmp, **/*.webp' # Optional: exclude patterns separated by commas

package.json

@@ -21,6 +21,7 @@
   "dependencies": {
     "@datadog/browser-logs": "^4.21.2",
     "@heroicons/react": "^1.0.6",
+    "@hookform/resolvers": "^4.1.2",
     "@popperjs/core": "^2.11.8",
     "@sprig-technologies/sprig-browser": "^2.20.1",
     "@storybook/addon-actions": "7.6.10",
@@ -71,6 +72,7 @@
     "react-elastic-carousel": "^0.11.5",
     "react-gtm-module": "^2.0.11",
     "react-helmet": "^6.1.0",
+    "react-hook-form": "^7.54.2",
     "react-markdown": "8.0.6",
     "react-otp-input": "^3.1.1",
     "react-popper": "^2.3.0",
@@ -101,7 +103,8 @@
     "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.27",
     "typescript": "^4.8.4",
     "universal-navigation": "https://github.com/topcoder-platform/universal-navigation#9fc50d938be7182",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.0",
+    "yup": "^1.6.1"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",

src/apps/admin/src/AdminApp.tsx

@@ -0,0 +1,39 @@
+import { FC, useContext, useEffect, useMemo } from 'react'
+import { Outlet, Routes } from 'react-router-dom'
+
+import { routerContext, RouterContextData } from '~/libs/core'
+
+import { AdminAppContextProvider, Layout, SWRConfigProvider } from './lib'
+import { toolTitle } from './admin-app.routes'
+import './lib/styles/index.scss'
+
+/**
+ * The admin app.
+ */
+const AdminApp: FC = () => {
+    const { getChildRoutes }: RouterContextData = useContext(routerContext)
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- missing dependency: getChildRoutes
+    const childRoutes = useMemo(() => getChildRoutes(toolTitle), [])
+
+    useEffect(() => {
+        document.body.classList.add('admin-app')
+        return () => {
+            document.body.classList.remove('admin-app')
+        }
+    }, [])
+
+    return (
+        <div>
+            <AdminAppContextProvider>
+                <SWRConfigProvider>
+                    <Layout>
+                        <Outlet />
+                        <Routes>{childRoutes}</Routes>
+                    </Layout>
+                </SWRConfigProvider>
+            </AdminAppContextProvider>
+        </div>
+    )
+}
+
+export default AdminApp

src/apps/admin/src/admin-app.routes.tsx

@@ -0,0 +1,276 @@
+import { AppSubdomain, ToolTitle } from '~/config'
+import {
+    lazyLoad,
+    LazyLoadedComponent,
+    PlatformRoute,
+    Rewrite,
+    UserRole,
+} from '~/libs/core'
+
+import {
+    billingAccountRouteId,
+    manageChallengeRouteId,
+    manageReviewRouteId,
+    permissionManagementRouteId,
+    rootRoute,
+    userManagementRouteId,
+} from './config/routes.config'
+
+const AdminApp: LazyLoadedComponent = lazyLoad(() => import('./AdminApp'))
+
+const ChallengeManagement: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/ChallengeManagement'),
+)
+const ChallengeManagementPage: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/ChallengeManagementPage'),
+    'ChallengeManagementPage',
+)
+const ManageUserPage: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/ManageUserPage'),
+    'ManageUserPage',
+)
+const ManageResourcePage: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/ManageResourcePage'),
+    'ManageResourcePage',
+)
+const AddResourcePage: LazyLoadedComponent = lazyLoad(
+    () => import('./challenge-management/AddResourcePage'),
+    'AddResourcePage',
+)
+const UserManagementPage: LazyLoadedComponent = lazyLoad(
+    () => import('./user-management/UserManagementPage'),
+    'UserManagementPage',
+)
+const ReviewManagement: LazyLoadedComponent = lazyLoad(
+    () => import('./review-management/ReviewManagement'),
+)
+const ReviewManagementPage: LazyLoadedComponent = lazyLoad(
+    () => import('./review-management/ReviewManagementPage'),
+    'ReviewManagementPage',
+)
+const ManageReviewerPage: LazyLoadedComponent = lazyLoad(
+    () => import('./review-management/ManageReviewerPage'),
+    'ManageReviewerPage',
+)
+const BillingAccount: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccount'),
+)
+const BillingAccountsPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccountsPage'),
+    'BillingAccountsPage',
+)
+const BillingAccountNewPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccountNewPage'),
+    'BillingAccountNewPage',
+)
+const BillingAccountDetailsPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccountDetailsPage'),
+    'BillingAccountDetailsPage',
+)
+const BillingAccountResourcesPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccountResourcesPage'),
+    'BillingAccountResourcesPage',
+)
+const BillingAccountResourceNewPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/BillingAccountResourceNewPage'),
+    'BillingAccountResourceNewPage',
+)
+const ClientsPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/ClientsPage'),
+    'ClientsPage',
+)
+const ClientEditPage: LazyLoadedComponent = lazyLoad(
+    () => import('./billing-account/ClientEditPage'),
+    'ClientEditPage',
+)
+const PermissionManagement: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionManagement'),
+)
+const PermissionRolesPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionRolesPage'),
+    'PermissionRolesPage',
+)
+const PermissionRoleMembersPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionRoleMembersPage'),
+    'PermissionRoleMembersPage',
+)
+const PermissionAddRoleMembersPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionAddRoleMembersPage'),
+    'PermissionAddRoleMembersPage',
+)
+const PermissionGroupsPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionGroupsPage'),
+    'PermissionGroupsPage',
+)
+const PermissionGroupMembersPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionGroupMembersPage'),
+    'PermissionGroupMembersPage',
+)
+const PermissionAddGroupMembersPage: LazyLoadedComponent = lazyLoad(
+    () => import('./permission-management/PermissionAddGroupMembersPage'),
+    'PermissionAddGroupMembersPage',
+)
+
+export const toolTitle: string = ToolTitle.admin
+
+export const adminRoutes: ReadonlyArray<PlatformRoute> = [
+    // Admin App Root
+    {
+        authRequired: true,
+        children: [
+            {
+                element: <Rewrite to={manageChallengeRouteId} />,
+                route: '',
+            },
+            // Challenge Management Module
+            {
+                children: [
+                    {
+                        element: <ChallengeManagementPage />,
+                        id: 'challenge-management-page',
+                        route: '',
+                    },
+                    {
+                        element: <ManageUserPage />,
+                        id: 'manage-user',
+                        route: ':challengeId/manage-user',
+                    },
+                    {
+                        element: <ManageResourcePage />,
+                        id: 'manage-resource',
+                        route: ':challengeId/manage-resource',
+                    },
+                    {
+                        element: <AddResourcePage />,
+                        id: 'add-resource',
+                        route: ':challengeId/manage-resource/add',
+                    },
+                ],
+                element: <ChallengeManagement />,
+                id: manageChallengeRouteId,
+                route: manageChallengeRouteId,
+            },
+            // User Management Module
+            {
+                element: <UserManagementPage />,
+                id: userManagementRouteId,
+                route: userManagementRouteId,
+            },
+            // Reviewer Management Module
+            {
+                children: [
+                    {
+                        element: <ReviewManagementPage />,
+                        id: 'review-management-page',
+                        route: '',
+                    },
+                    {
+                        element: <ManageReviewerPage />,
+                        id: 'manage-reviewer',
+                        route: ':challengeId/manage-reviewer',
+                    },
+                ],
+                element: <ReviewManagement />,
+                id: manageReviewRouteId,
+                route: manageReviewRouteId,
+            },
+            // Billing Account Module
+            {
+                children: [
+                    {
+                        element: <BillingAccountsPage />,
+                        id: 'billing-accounts-page',
+                        route: 'billing-accounts',
+                    },
+                    {
+                        element: <BillingAccountNewPage />,
+                        id: 'billing-account-new-page',
+                        route: 'billing-accounts/new',
+                    },
+                    {
+                        element: <BillingAccountDetailsPage />,
+                        id: 'billing-account-details-page',
+                        route: 'billing-accounts/:accountId/details',
+                    },
+                    {
+                        element: <BillingAccountResourcesPage />,
+                        id: 'billing-account-resources-page',
+                        route: 'billing-accounts/:accountId/resources',
+                    },
+                    {
+                        element: <BillingAccountNewPage />,
+                        id: 'billing-account-resources-page',
+                        route: 'billing-accounts/:accountId/edit',
+                    },
+                    {
+                        element: <BillingAccountResourceNewPage />,
+                        id: 'billing-account-resource-new-page',
+                        route: 'billing-accounts/:accountId/resources/new',
+                    },
+                    {
+                        element: <ClientsPage />,
+                        id: 'billing-account-clients-page',
+                        route: 'clients',
+                    },
+                    {
+                        element: <ClientEditPage />,
+                        id: 'billing-account-client-edit-page',
+                        route: 'clients/:clientId/edit',
+                    },
+                    {
+                        element: <ClientEditPage />,
+                        id: 'billing-account-client-edit-page',
+                        route: 'clients/new',
+                    },
+                ],
+                element: <BillingAccount />,
+                id: billingAccountRouteId,
+                route: billingAccountRouteId,
+            },
+            // Permission Management Module
+            {
+                children: [
+                    {
+                        element: <PermissionRolesPage />,
+                        id: 'permission-roles-page',
+                        route: 'roles',
+                    },
+                    {
+                        element: <PermissionRoleMembersPage />,
+                        id: 'permission-role-members-page',
+                        route: 'roles/:roleId/role-members',
+                    },
+                    {
+                        element: <PermissionAddRoleMembersPage />,
+                        id: 'permission-add-role-members-page',
+                        route: 'roles/:roleId/role-members/add',
+                    },
+                    {
+                        element: <PermissionGroupsPage />,
+                        id: 'permission-groups-page',
+                        route: 'groups',
+                    },
+                    {
+                        element: <PermissionGroupMembersPage />,
+                        id: 'permission-group-members-page',
+                        route: 'groups/:groupId/group-members',
+                    },
+                    {
+                        element: <PermissionAddGroupMembersPage />,
+                        id: 'permission-add-group-members-page',
+                        route: 'groups/:groupId/group-members/add',
+                    },
+                ],
+                element: <PermissionManagement />,
+                id: permissionManagementRouteId,
+                route: permissionManagementRouteId,
+            },
+        ],
+        domain: AppSubdomain.admin,
+        element: <AdminApp />,
+        id: toolTitle,
+        rolesRequired: [UserRole.administrator],
+        route: rootRoute,
+        title: toolTitle,
+    },
+]