ENT-7234: Filter jobs based on job source attribute.

src/components/my-career/SearchJobRole.jsx

@@ -2,15 +2,15 @@
 import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform/config';
 import { logError } from '@edx/frontend-platform/logging';
-import { InstantSearch } from 'react-instantsearch-dom';
+import { Configure, InstantSearch } from 'react-instantsearch-dom';
 import { SearchContext, deleteRefinementAction } from '@edx/frontend-enterprise-catalog-search';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import FacetListRefinement from '@edx/frontend-enterprise-catalog-search/FacetListRefinement';
 import { camelCaseObject } from '@edx/frontend-platform/utils';
 import {
   Button, Form, StatefulButton,
 } from '@edx/paragon';
-import { CURRENT_JOB_FACET } from '../skills-quiz/constants';
+import { CURRENT_JOB_FACET, JOB_FILTERS } from '../skills-quiz/constants';
 import { patchProfile, fetchJobDetailsFromAlgolia } from './data/service';
 import { CURRENT_JOB_PROFILE_FIELD_NAME, SAVE_BUTTON_LABELS } from './data/constants';
 import { useAlgoliaSearch } from '../../utils/hooks';
@@ -38,7 +38,7 @@
 
   const getButtonState = () => {
     if (requestError) {
       return 'error';
     }
     if (requestComplete) {
       return 'complete';
@@ -62,9 +62,9 @@
     try {
       resp = await patchProfile(username, params);
     } catch (error) {
       setLoadingRequest(false);
       setRequestError(true);
       logError(new Error(error));
     }
     setRequestComplete(true);
     setLoadingRequest(false);
@@ -90,6 +90,10 @@
             searchClient={searchClient}
           >
             <p> Search for your job role </p>
+            <Configure
+              facetingAfterDistinct
+              filters={JOB_FILTERS.JOB_SOURCE_COURSE_SKILL}
+            />
             <FacetListRefinement
               id="current-job-dropdown"
               key={attribute}

src/components/search/data/hooks.js

@@ -65,7 +65,7 @@ export const useDefaultSearchFilters = ({
         return getCatalogString(searchCatalogs);
       }
 
-      // If the learner is not confined to certain catalogs, scope to all of the enterprise's catalogs
+      // If the learner is not confined to certain catalogs, scope to all of enterprise's catalogs
       return `enterprise_customer_uuids:${enterpriseConfig.uuid}`;
     },
     [enterpriseConfig.uuid, searchCatalogs, showAllRefinement],

src/components/skills-quiz/SearchJobCard.jsx

@@ -6,6 +6,7 @@ import { SearchContext } from '@edx/frontend-enterprise-catalog-search';
 import { SkillsContext } from './SkillsContextProvider';
 import { SET_KEY_VALUE } from './data/constants';
 import JobCardComponent from './JobCardComponent';
+import { JOB_FILTERS } from './constants';
 
 const SearchJobCard = ({ index }) => {
   const { refinements } = useContext(SearchContext);
@@ -37,6 +38,7 @@ const SearchJobCard = ({ index }) => {
       async function fetchJobs() {
         setIsLoading(true);
         const { hits } = await index.search('', {
+          filters: JOB_FILTERS.JOB_SOURCE_COURSE_SKILL,
           facetFilters: [
             jobsToFetch,
           ],

src/components/skills-quiz/SkillsQuizStepper.jsx

@@ -4,7 +4,7 @@ import {
   Button, Stepper, ModalDialog, Container, Form, Stack,
 } from '@edx/paragon';
 import algoliasearch from 'algoliasearch/lite';
-import { InstantSearch } from 'react-instantsearch-dom';
+import { Configure, InstantSearch } from 'react-instantsearch-dom';
 import { getConfig } from '@edx/frontend-platform/config';
 import { SearchContext } from '@edx/frontend-enterprise-catalog-search';
 import { useHistory } from 'react-router-dom';
@@ -33,6 +33,7 @@ import {
   STEP3,
   SKILLS_QUIZ_SEARCH_PAGE_MESSAGE,
   GOAL_DROPDOWN_DEFAULT_OPTION,
+  JOB_FILTERS,
 } from './constants';
 import { SkillsContext } from './SkillsContextProvider';
 import { SET_KEY_VALUE } from './data/constants';
@@ -199,6 +200,10 @@ const SkillsQuizStepper = () => {
                       indexName={config.ALGOLIA_INDEX_NAME_JOBS}
                       searchClient={searchClient}
                     >
+                      <Configure
+                        facetingAfterDistinct
+                        filters={JOB_FILTERS.JOB_SOURCE_COURSE_SKILL}
+                      />
                       <div className="mt-4.5">
                         Second, which industry describes where you work? (select one, or leave blank)
                       </div>

src/components/skills-quiz/constants.js

@@ -66,3 +66,11 @@ export const HITS_PER_PAGE = 500;
 export const LOADING_NO_OF_CARDS = 9;
 
 export const JOB_DESCRIPTION_DISCLAIMER = 'This job description has been created by an artificial intelligence, and should be reviewed carefully.';
+
+export const JOB_SOURCE_COURSE_SKILL = 'course_skill';
+export const JOB_SOURCE_INDUSTRY = 'industry';
+
+export const JOB_FILTERS = {
+  JOB_SOURCE_COURSE_SKILL: `job_sources:${JOB_SOURCE_COURSE_SKILL}`,
+  JOB_SOURCE_INDUSTRY: `job_sources:${JOB_SOURCE_INDUSTRY}`,
+};