[PROD RELEASE] - June 26

.circleci/config.yml

@@ -203,6 +203,8 @@ workflows:
                           ignore:
                               - master
                               - qa
+                      tags:
+                          only: /^dev-.*/
 
             - build-qa:
                   context: org-global
@@ -227,6 +229,8 @@ workflows:
                           only:
                               - dev
                               - hide_ba_details
+                      tags:
+                          only: /^dev-.*/
 
             - deployQa:
                   context: org-global

craco.config.js

@@ -4,6 +4,59 @@ const CracoEnvPlugin = require('craco-plugin-env')
 const BabelRcPlugin = require('@jackwilsdon/craco-use-babelrc');
 
 const isProd = process.env.APPMODE === "production";
+const nodeModulesWatchIgnore = '**/node_modules/**';
+const watchPollInterval = 1000;
+
+/**
+ * Appends the node_modules ignore pattern to an existing watch ignore config.
+ *
+ * @param {RegExp|string|Array<RegExp|string>|undefined} ignored - Existing ignore config from webpack or dev server watches.
+ * @returns {Array<RegExp|string>} Watch ignore config with node_modules excluded. Used by CRACO watch overrides.
+ * @throws This function does not throw.
+ */
+function withNodeModulesWatchIgnore(ignored) {
+    return [
+        ...(Array.isArray(ignored) ? ignored : ignored ? [ignored] : []),
+        nodeModulesWatchIgnore,
+    ];
+}
+
+/**
+ * Preserves CRA's dev-server static config while disabling public asset watches.
+ *
+ * @param {object} devServerConfig - CRA webpack-dev-server config passed through CRACO for yarn start.
+ * @returns {object} Dev-server config that serves public assets without consuming file watchers for them.
+ * @throws This function does not throw.
+ */
+function configureDevServer(devServerConfig) {
+    const staticConfig = devServerConfig.static || {};
+
+    return {
+        ...devServerConfig,
+        static: {
+            ...staticConfig,
+            watch: false,
+        },
+    };
+}
+
+/**
+ * Preserves CRA's webpack config while polling watch mode and ignoring node_modules.
+ *
+ * @param {object} webpackConfig - CRA webpack config passed through CRACO.
+ * @returns {object} Webpack config with polling enabled and node_modules excluded from watchOptions.
+ * @throws This function does not throw.
+ */
+function configureWebpack(webpackConfig) {
+    return {
+        ...webpackConfig,
+        watchOptions: {
+            ...webpackConfig.watchOptions,
+            ignored: withNodeModulesWatchIgnore(webpackConfig.watchOptions?.ignored),
+            poll: watchPollInterval,
+        },
+    };
+}
 
 function getModeName() {
     const index = process.argv.indexOf('--mode');
@@ -33,6 +86,8 @@ module.exports = {
         } },
     ],
 
+    devServer: configureDevServer,
+
     webpack: {
         alias: {
             // aliases used in JS/TS
@@ -41,7 +96,6 @@ module.exports = {
             '@learn': resolve('src/apps/learn/src'),
             '@devCenter': resolve('src/apps/dev-center/src'),
             '@gamificationAdmin': resolve('src/apps/gamification-admin/src'),
-            '@talentSearch': resolve('src/apps/talent-search/src'),
             '@profiles': resolve('src/apps/profiles/src'),
             '@wallet': resolve('src/apps/wallet/src'),
             '@walletAdmin': resolve('src/apps/wallet-admin/src'),
@@ -51,5 +105,6 @@ module.exports = {
             // aliases used in SCSS files
             '@libs/ui/styles': resolve('src/libs/ui/lib/styles'),
         },
+        configure: configureWebpack,
     }
 }

package.json

@@ -16,7 +16,8 @@
     "report:coverage": "nyc report --reporter=html",
     "report:coverage:text": "nyc report --reporter=text",
     "sb": "storybook dev -p 6006",
-    "sb:build": "storybook build -o build/storybook"
+    "sb:build": "storybook build -o build/storybook",
+    "deploy:dev": "BRANCH=$(git rev-parse --abbrev-ref HEAD) && TAG=\"dev-${BRANCH}\" && git tag -d \"$TAG\" 2>/dev/null; git push origin \":refs/tags/$TAG\" 2>/dev/null; git tag \"$TAG\" && git push origin \"$TAG\""
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.20.1",
@@ -259,5 +260,6 @@
   "volta": {
     "node": "22.13.0",
     "yarn": "1.22.22"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/apps/admin/src/ai/review-templates/AiReviewTemplatesPage.tsx

@@ -194,6 +194,10 @@ export const AiReviewTemplatesPage: FC = () => {
         open: false,
     })
     const [isToggling, setIsToggling] = useState(false)
+    const [disabledWorkflowsModal, setDisabledWorkflowsModal] = useState<{
+        open: boolean;
+        workflowNames: string[];
+    }>({ open: false, workflowNames: [] })
 
     const trackOptions: InputSelectOption[] = useMemo(() => {
         const seen = new Set<string>()
@@ -309,13 +313,30 @@ export const AiReviewTemplatesPage: FC = () => {
     }, [deleteModal.template, filter, loadTemplates])
 
     const handleToggleClick = useCallback((template: AiReviewTemplate) => {
+        // When trying to activate a disabled template, check for disabled workflows
+        if (template.disabled) {
+            const disabledWorkflows = (template.workflows || [])
+                .filter(item => item.workflow.disabled)
+                .map(item => item.workflow.name)
+
+            if (disabledWorkflows.length > 0) {
+                setDisabledWorkflowsModal({ open: true, workflowNames: disabledWorkflows })
+
+                return
+            }
+        }
+
         setToggleModal({ open: true, template })
     }, [])
 
     const handleCloseToggleModal = useCallback(() => {
         setToggleModal({ open: false })
     }, [])
 
+    const handleCloseDisabledWorkflowsModal = useCallback(() => {
+        setDisabledWorkflowsModal({ open: false, workflowNames: [] })
+    }, [])
+
     const handleConfirmToggle = useCallback(async () => {
         if (!toggleModal.template) return
         setIsToggling(true)
@@ -465,6 +486,32 @@ export const AiReviewTemplatesPage: FC = () => {
                     ?
                 </p>
             </ConfirmModal>
+
+            <BaseModal
+                title='Cannot Activate Template'
+                open={disabledWorkflowsModal.open}
+                onClose={handleCloseDisabledWorkflowsModal}
+                buttons={(
+                    <Button
+                        primary
+                        size='lg'
+                        label='OK'
+                        onClick={handleCloseDisabledWorkflowsModal}
+                    />
+                )}
+            >
+                <p>
+                    This template cannot be activated because the following workflow(s) are disabled:
+                </p>
+                <ul>
+                    {disabledWorkflowsModal.workflowNames.map(name => (
+                        <li key={name}><strong>{name}</strong></li>
+                    ))}
+                </ul>
+                <p>
+                    Please enable these workflows first before activating this template.
+                </p>
+            </BaseModal>
         </PageWrapper>
     )
 }

src/apps/customer-portal/src/lib/services/profileCompletion.service.ts

@@ -0,0 +1,142 @@
+import { EnvironmentConfig } from '~/config'
+import { UserSkill, xhrGetAsync } from '~/libs/core'
+
+export type CompletedProfile = {
+    countryCode?: string
+    countryName?: string
+    city?: string
+    firstName?: string
+    handle: string
+    lastName?: string
+    photoURL?: string
+    skillCount?: number
+    userId?: number | string
+    isOpenToWork?: boolean | null
+    openToWork?: {
+        availability?: string
+        preferredRoles?: string[]
+    } | null
+}
+
+export type CompletedProfilesResponse = {
+    data: CompletedProfile[]
+    page: number
+    perPage: number
+    total: number
+    totalPages: number
+}
+
+export const DEFAULT_PAGE_SIZE = 50
+
+function normalizeToList(raw: any): any[] {
+    if (Array.isArray(raw)) {
+        return raw
+    }
+
+    if (Array.isArray(raw?.data)) {
+        return raw.data
+    }
+
+    if (Array.isArray(raw?.result?.content)) {
+        return raw.result.content
+    }
+
+    if (Array.isArray(raw?.result)) {
+        return raw.result
+    }
+
+    return []
+}
+
+function normalizeCompletedProfilesResponse(
+    raw: any,
+    fallbackPage: number,
+    fallbackPerPage: number,
+): CompletedProfilesResponse {
+    if (raw && Array.isArray(raw.data)) {
+        const total: number = Number(raw.total ?? raw.data.length)
+        const perPage: number = Number(raw.perPage ?? fallbackPerPage)
+        const page: number = Number(raw.page ?? fallbackPage)
+        const safePerPage = Number.isFinite(perPage) ? Math.max(perPage, 1) : fallbackPerPage
+        const safeTotal = Number.isFinite(total) ? Math.max(total, 0) : raw.data.length
+
+        return {
+            data: raw.data,
+            page: Number.isFinite(page) ? Math.max(page, 1) : fallbackPage,
+            perPage: safePerPage,
+            total: safeTotal,
+            totalPages: Number.isFinite(raw.totalPages)
+                ? Math.max(Number(raw.totalPages), 1)
+                : Math.max(Math.ceil(safeTotal / safePerPage), 1),
+        }
+    }
+
+    const rows = normalizeToList(raw)
+    const total = Number(raw?.total ?? rows.length)
+    const safeTotal = Number.isFinite(total) ? Math.max(total, 0) : rows.length
+
+    return {
+        data: rows,
+        page: fallbackPage,
+        perPage: fallbackPerPage,
+        total: safeTotal,
+        totalPages: Math.max(Math.ceil(safeTotal / fallbackPerPage), 1),
+    }
+}
+
+export type OpenToWorkFilter = 'all' | 'yes' | 'no'
+
+export async function fetchCompletedProfiles(
+    countryCode: string | undefined,
+    page: number,
+    perPage: number,
+    openToWorkFilter?: OpenToWorkFilter,
+    skillIds?: string[],
+): Promise<CompletedProfilesResponse> {
+    const queryParams = new URLSearchParams({
+        page: String(page),
+        perPage: String(perPage),
+    })
+
+    if (countryCode) {
+        queryParams.set('countryCode', countryCode)
+    }
+
+    if (openToWorkFilter === 'yes') {
+        queryParams.set('openToWork', 'true')
+    }
+
+    if (openToWorkFilter === 'no') {
+        queryParams.set('openToWork', 'false')
+    }
+
+    if (Array.isArray(skillIds) && skillIds.length > 0) {
+        skillIds.forEach(id => {
+            if (id) {
+                queryParams.append('skillId', String(id))
+            }
+        })
+    }
+
+    const response = await xhrGetAsync<any>(
+        `${EnvironmentConfig.REPORTS_API}/topcoder/completed-profiles?${queryParams.toString()}`,
+    )
+
+    return normalizeCompletedProfilesResponse(response, page, perPage)
+}
+
+export async function fetchMemberSkillsData(userId: string | number | undefined): Promise<UserSkill[]> {
+    if (!userId) {
+        return []
+    }
+
+    const baseUrl = `${EnvironmentConfig.API.V5}/standardized-skills`
+    const url = `${baseUrl}/user-skills/${userId}?disablePagination=true`
+
+    try {
+        return await xhrGetAsync<UserSkill[]>(url)
+    } catch {
+        // If skills API fails, return empty array to not block the page
+        return []
+    }
+}

src/apps/customer-portal/src/lib/services/talentSearch.service.ts

@@ -25,6 +25,7 @@ export type MemberSearchPayload = {
     limit: number
     openToWork?: boolean
     page: number
+    preferredRoles?: string[]
     profileComplete?: boolean
     recentlyActive?: boolean
     sortBy?: 'handle' | 'matchIndex'