richie-education 3.1.3-dev2 → 3.1.3-dev23

package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/contractArchiveLocalStorage.spec.ts

@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker';
 import { CONTRACT_DOWNLOAD_SETTINGS } from 'settings';
-import { CourseProductRelationFactory, OrganizationFactory } from 'utils/test/factories/joanie';
+import { OfferingFactory, OrganizationFactory } from 'utils/test/factories/joanie';
 import {
   LocalStorageArchiveFilters,
   generateLocalStorageKey,
@@ -14,56 +14,56 @@ describe.each([
   {
     testLabel: 'for all organization and all trainings',
     organization: undefined,
-    courseProductRelation: undefined,
+    offering: undefined,
     existingOrganization: undefined,
-    existingCourseProductRelation: undefined,
+    existingOffering: undefined,
   },
   {
     testLabel: 'for a training in an organization',
     organization: OrganizationFactory().one(),
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
     existingOrganization: undefined,
-    existingCourseProductRelation: undefined,
+    existingOffering: undefined,
   },
   {
     testLabel: 'for an organization',
     organization: OrganizationFactory().one(),
-    courseProductRelation: undefined,
+    offering: undefined,
     existingOrganization: undefined,
-    existingCourseProductRelation: undefined,
+    existingOffering: undefined,
   },
   {
     testLabel: 'for a training',
     organization: undefined,
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
     existingOrganization: undefined,
-    existingCourseProductRelation: undefined,
+    existingOffering: undefined,
   },
   {
     testLabel: 'for all organization and all trainings, with a other id already stored',
     organization: undefined,
-    courseProductRelation: undefined,
+    offering: undefined,
     existingOrganization: OrganizationFactory().one(),
-    existingCourseProductRelation: CourseProductRelationFactory().one(),
+    existingOffering: OfferingFactory().one(),
   },
   {
     testLabel: 'for a training in an organization, with a other id already stored',
     organization: OrganizationFactory().one(),
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
   },
   {
     testLabel: 'for an organization, with a other id already stored',
     organization: OrganizationFactory().one(),
-    courseProductRelation: undefined,
+    offering: undefined,
     existingOrganization: OrganizationFactory().one(),
-    existingCourseProductRelation: CourseProductRelationFactory().one(),
+    existingOffering: OfferingFactory().one(),
   },
   {
     testLabel: 'for a training, with a other id already stored',
     organization: undefined,
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
     existingOrganization: OrganizationFactory().one(),
-    existingCourseProductRelation: CourseProductRelationFactory().one(),
+    existingOffering: OfferingFactory().one(),
   },
 
   {
@@ -72,16 +72,11 @@ describe.each([
   {
     testLabel: 'Testing with a other id already stored',
     existingOrganization: OrganizationFactory().one(),
-    existingCourseProductRelation: CourseProductRelationFactory().one(),
+    existingOffering: OfferingFactory().one(),
   },
 ])(
   'contractArchiveLocalStorage $testLabel',
-  ({
-    organization,
-    courseProductRelation,
-    existingOrganization,
-    existingCourseProductRelation,
-  }) => {
+  ({ organization, offering, existingOrganization, existingOffering }) => {
     let localStorageArchiveFilters: LocalStorageArchiveFilters;
     let localStorageExistingArchiveFilters: LocalStorageArchiveFilters;
     let exsitingContractId: string;
@@ -89,17 +84,15 @@ describe.each([
     beforeEach(() => {
       localStorageArchiveFilters = {
         organizationId: organization ? organization.id : undefined,
-        courseProductRelationId: courseProductRelation ? courseProductRelation.id : undefined,
+        offeringId: offering ? offering.id : undefined,
       };
       localStorageExistingArchiveFilters = {
         organizationId: existingOrganization ? existingOrganization.id : undefined,
-        courseProductRelationId: existingCourseProductRelation
-          ? existingCourseProductRelation.id
-          : undefined,
+        offeringId: existingOffering ? existingOffering.id : undefined,
       };
       exsitingContractId = faker.string.uuid();
 
-      if (existingCourseProductRelation && existingOrganization) {
+      if (existingOffering && existingOrganization) {
         // everything should work fine with multiple archive stored
         storeContractArchiveId({
           ...localStorageExistingArchiveFilters,

package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/contractArchiveLocalStorage.ts

@@ -1,16 +1,16 @@
 import { CONTRACT_DOWNLOAD_SETTINGS } from 'settings';
-import { CourseProductRelation, Organization } from 'types/Joanie';
+import { Offering, Organization } from 'types/Joanie';
 
 export interface LocalStorageArchiveFilters {
   organizationId?: Organization['id'];
-  courseProductRelationId?: CourseProductRelation['id'];
+  offeringId?: Offering['id'];
 }
 
 const generateLocalStorageKey = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: LocalStorageArchiveFilters = {}) => {
-  return `${CONTRACT_DOWNLOAD_SETTINGS.contractArchiveLocalStorageKey}::${organizationId ?? 'all'}::${courseProductRelationId ?? 'all'}`;
+  return `${CONTRACT_DOWNLOAD_SETTINGS.contractArchiveLocalStorageKey}::${organizationId ?? 'all'}::${offeringId ?? 'all'}`;
 };
 
 const generateLocalStorageId = (contractArchiveId: string) => {
@@ -20,32 +20,30 @@ const generateLocalStorageId = (contractArchiveId: string) => {
 const storeContractArchiveId = ({
   contractArchiveId,
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: {
   contractArchiveId: string;
   organizationId?: Organization['id'];
-  courseProductRelationId?: CourseProductRelation['id'];
+  offeringId?: Offering['id'];
 }) => {
   localStorage.setItem(
-    generateLocalStorageKey({ organizationId, courseProductRelationId }),
+    generateLocalStorageKey({ organizationId, offeringId }),
     generateLocalStorageId(contractArchiveId),
   );
 };
 
 const unstoreContractArchiveId = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: LocalStorageArchiveFilters = {}) => {
-  localStorage.removeItem(generateLocalStorageKey({ organizationId, courseProductRelationId }));
+  localStorage.removeItem(generateLocalStorageKey({ organizationId, offeringId }));
 };
 
 const getStoredContractArchiveId = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: LocalStorageArchiveFilters = {}) => {
-  const value = localStorage.getItem(
-    generateLocalStorageKey({ organizationId, courseProductRelationId }),
-  );
+  const value = localStorage.getItem(generateLocalStorageKey({ organizationId, offeringId }));
   if (value === null) {
     return value;
   }
@@ -56,11 +54,9 @@ const getStoredContractArchiveId = ({
 
 const isStoredContractArchiveIdExpired = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: LocalStorageArchiveFilters = {}) => {
-  const value = localStorage.getItem(
-    generateLocalStorageKey({ organizationId, courseProductRelationId }),
-  );
+  const value = localStorage.getItem(generateLocalStorageKey({ organizationId, offeringId }));
   if (value === null) {
     return false;
   }

package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/index.spec.tsx

@@ -5,7 +5,7 @@ import { PropsWithChildren } from 'react';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import JoanieApiProvider from 'contexts/JoanieApiContext';
 import { CONTRACT_DOWNLOAD_SETTINGS } from 'settings';
-import { CourseProductRelationFactory, OrganizationFactory } from 'utils/test/factories/joanie';
+import { OfferingFactory, OrganizationFactory } from 'utils/test/factories/joanie';
 import {
   LocalStorageArchiveFilters,
   getStoredContractArchiveId,
@@ -50,30 +50,30 @@ describe.each([
   {
     testLabel: 'for all organization and all trainings',
     organization: undefined,
-    courseProductRelation: undefined,
+    offering: undefined,
   },
   {
     testLabel: 'for a training in an organization',
     organization: OrganizationFactory().one(),
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
   },
   {
     testLabel: 'for an organization',
     organization: OrganizationFactory().one(),
-    courseProductRelation: undefined,
+    offering: undefined,
   },
   {
     testLabel: 'for a training',
     organization: undefined,
-    courseProductRelation: CourseProductRelationFactory().one(),
+    offering: OfferingFactory().one(),
   },
-])('useDownloadContractArchive $testLabel', ({ organization, courseProductRelation }) => {
+])('useDownloadContractArchive $testLabel', ({ organization, offering }) => {
   let localStorageArchiveFilters: LocalStorageArchiveFilters;
 
   beforeEach(() => {
     localStorageArchiveFilters = {
       organizationId: organization ? organization.id : undefined,
-      courseProductRelationId: courseProductRelation ? courseProductRelation.id : undefined,
+      offeringId: offering ? offering.id : undefined,
     };
   });
 
@@ -97,22 +97,20 @@ describe.each([
     {
       testLabel: 'Testing with a other id already stored',
       existingOrganization: OrganizationFactory().one(),
-      existingCourseProductRelation: CourseProductRelationFactory().one(),
+      existingOffering: OfferingFactory().one(),
     },
-  ])('$testLabel', ({ existingOrganization, existingCourseProductRelation }) => {
+  ])('$testLabel', ({ existingOrganization, existingOffering }) => {
     let localStorageExistingArchiveFilters: LocalStorageArchiveFilters;
     let exsitingContractId: string;
 
     beforeEach(() => {
       localStorageExistingArchiveFilters = {
         organizationId: existingOrganization ? existingOrganization.id : undefined,
-        courseProductRelationId: existingCourseProductRelation
-          ? existingCourseProductRelation.id
-          : undefined,
+        offeringId: existingOffering ? existingOffering.id : undefined,
       };
       exsitingContractId = faker.string.uuid();
 
-      if (existingCourseProductRelation && existingOrganization) {
+      if (existingOffering && existingOrganization) {
         // everything should work fine with multiple archive stored
         storeContractArchiveId({
           ...localStorageExistingArchiveFilters,

package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import useContractArchive from 'hooks/useContractArchive';
-import { CourseProductRelation, Organization } from 'types/Joanie';
+import { Offering, Organization } from 'types/Joanie';
 import useCheckContractArchiveExists from '../useCheckContractArchiveExists';
 import useHasContractToDownload from '../useHasContractToDownload';
 import {
@@ -19,16 +19,16 @@ export enum ContractDownloadStatus {
 
 interface UseTeacherContractsBulkDownloadProps {
   organizationId?: Organization['id'];
-  courseProductRelationId?: CourseProductRelation['id'];
+  offeringId?: Offering['id'];
 }
 
 const useDownloadContractArchive = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: UseTeacherContractsBulkDownloadProps) => {
   const localstorageArchiveFilters = {
     organizationId,
-    courseProductRelationId,
+    offeringId,
   };
 
   // Contract's archive api interface
@@ -37,7 +37,7 @@ const useDownloadContractArchive = ({
   } = useContractArchive();
 
   // Simple hook that verifiy if current user have some fully signed contracts to download.
-  const hasContractToDownload = useHasContractToDownload(organizationId, courseProductRelationId);
+  const hasContractToDownload = useHasContractToDownload(organizationId, offeringId);
 
   // Component state of the localstorage contract's archive id
   const [contractArchiveId, setContractArchiveId] = useState<string | null>(
@@ -116,7 +116,7 @@ const useDownloadContractArchive = ({
   const createContractArchive = async () => {
     let newContractArchiveId;
     if (contractArchiveId === null) {
-      newContractArchiveId = await createArchive(organizationId, courseProductRelationId);
+      newContractArchiveId = await createArchive(organizationId, offeringId);
       setContractArchiveId(newContractArchiveId);
       storeContractArchiveId({
         ...localstorageArchiveFilters,

package/js/pages/TeacherDashboardContractsLayout/hooks/useHasContractToDownload/index.tsx

@@ -1,17 +1,17 @@
 import { useOrganizationContracts } from 'hooks/useContracts';
 import { PER_PAGE } from 'settings';
-import { ContractState, CourseProductRelation, Organization } from 'types/Joanie';
+import { ContractState, Offering, Organization } from 'types/Joanie';
 
 const useHasContractToDownload = (
   organizationId?: Organization['id'],
-  courseProductRelationId?: CourseProductRelation['id'],
+  offeringId?: Offering['id'],
 ) => {
   const {
     items: contracts,
     states: { isFetched },
   } = useOrganizationContracts({
     organization_id: organizationId,
-    course_product_relation_id: courseProductRelationId,
+    offering_id: offeringId,
     signature_state: ContractState.SIGNED,
     page: 1,
     page_size: PER_PAGE.teacherContractList,

package/js/pages/TeacherDashboardContractsLayout/hooks/useTeacherContractFilters/index.spec.tsx

@@ -7,7 +7,7 @@ import { MemoryRouter, Route, Routes } from 'react-router';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import { createTestQueryClient } from 'utils/test/createTestQueryClient';
 import JoanieSessionProvider from 'contexts/SessionContext/JoanieSessionProvider';
-import { CourseProductRelationFactory, OrganizationFactory } from 'utils/test/factories/joanie';
+import { OfferingFactory, OrganizationFactory } from 'utils/test/factories/joanie';
 import { ContractState } from 'types/Joanie';
 import useTeacherContractFilters from '.';
 
@@ -67,13 +67,13 @@ describe('useTeacherContractFilters', () => {
       expect(result.current.initialFilters).toStrictEqual({
         contract_ids: [],
         organization_id: defaultOrganization.id,
-        course_product_relation_id: undefined,
+        offering_id: undefined,
         signature_state: ContractState.SIGNED,
       });
       expect(result.current.filters).toStrictEqual({
         contract_ids: [],
         organization_id: defaultOrganization.id,
-        course_product_relation_id: undefined,
+        offering_id: undefined,
         signature_state: ContractState.SIGNED,
       });
     });
@@ -83,7 +83,7 @@ describe('useTeacherContractFilters', () => {
     const defaultOrganization = OrganizationFactory({ id: 'default' }).one();
     const filteredOrganization = OrganizationFactory({ id: 'filtered' }).one();
     const routeOrganization = OrganizationFactory({ id: 'route' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory().one();
+    const routeOffering = OfferingFactory().one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.test/api/v1.0/organizations/', [
       defaultOrganization,
@@ -92,8 +92,8 @@ describe('useTeacherContractFilters', () => {
     const { result } = renderHook(useTeacherContractFilters, {
       wrapper: ({ children }) => (
         <Wrapper
-          routePath="/:organizationId/:courseProductRelationId"
-          initialEntry={`/${routeOrganization.id}/${routeCourseProductRelation.id}?organization_id=${filteredOrganization.id}&signature_state=${ContractState?.UNSIGNED}&contract_ids=1&contract_ids=2`}
+          routePath="/:organizationId/:offeringId"
+          initialEntry={`/${routeOrganization.id}/${routeOffering.id}?organization_id=${filteredOrganization.id}&signature_state=${ContractState?.UNSIGNED}&contract_ids=1&contract_ids=2`}
         >
           {children}
         </Wrapper>
@@ -104,13 +104,13 @@ describe('useTeacherContractFilters', () => {
       expect(result.current.initialFilters).toStrictEqual({
         contract_ids: ['1', '2'],
         organization_id: routeOrganization.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        offering_id: routeOffering.id,
         signature_state: ContractState.UNSIGNED,
       });
       expect(result.current.filters).toStrictEqual({
         contract_ids: ['1', '2'],
         organization_id: routeOrganization.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        offering_id: routeOffering.id,
         signature_state: ContractState.UNSIGNED,
       });
     });
@@ -119,7 +119,7 @@ describe('useTeacherContractFilters', () => {
   it("should use organizationId from query parameters when it's not in route params", async () => {
     const defaultOrganization = OrganizationFactory({ id: 'default' }).one();
     const filteredOrganization = OrganizationFactory({ id: 'filtered' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory({ id: 'route' }).one();
+    const routeOffering = OfferingFactory({ id: 'route' }).one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.test/api/v1.0/organizations/', [
       defaultOrganization,
@@ -128,8 +128,8 @@ describe('useTeacherContractFilters', () => {
     const { result } = renderHook(useTeacherContractFilters, {
       wrapper: ({ children }) => (
         <Wrapper
-          routePath="/:courseProductRelationId"
-          initialEntry={`/${routeCourseProductRelation.id}/?organization_id=${filteredOrganization.id}&signature_state=${ContractState?.UNSIGNED}&contract_ids=1&contract_ids=2`}
+          routePath="/:offeringId"
+          initialEntry={`/${routeOffering.id}/?organization_id=${filteredOrganization.id}&signature_state=${ContractState?.UNSIGNED}&contract_ids=1&contract_ids=2`}
         >
           {children}
         </Wrapper>
@@ -140,13 +140,13 @@ describe('useTeacherContractFilters', () => {
       expect(result.current.initialFilters).toStrictEqual({
         contract_ids: ['1', '2'],
         organization_id: filteredOrganization.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        offering_id: routeOffering.id,
         signature_state: ContractState.UNSIGNED,
       });
       expect(result.current.filters).toStrictEqual({
         contract_ids: ['1', '2'],
         organization_id: filteredOrganization.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        offering_id: routeOffering.id,
         signature_state: ContractState.UNSIGNED,
       });
     });
@@ -155,7 +155,7 @@ describe('useTeacherContractFilters', () => {
   it('setFilters should update filter state', async () => {
     const defaultOrganization = OrganizationFactory({ id: 'default' }).one();
     const routeOrganization = OrganizationFactory({ id: 'route' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory().one();
+    const routeOffering = OfferingFactory().one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.test/api/v1.0/organizations/', [defaultOrganization]);
     const { result } = renderHook(useTeacherContractFilters, {
@@ -169,7 +169,7 @@ describe('useTeacherContractFilters', () => {
     const expectedInitialFilters = {
       contract_ids: [],
       organization_id: defaultOrganization.id,
-      course_product_relation_id: undefined,
+      offering_id: undefined,
       signature_state: ContractState.SIGNED,
     };
     await waitFor(() => {
@@ -179,7 +179,7 @@ describe('useTeacherContractFilters', () => {
     const newFilters = {
       contract_ids: ['1', '2'],
       organization_id: routeOrganization.id,
-      course_product_relation_id: routeCourseProductRelation.id,
+      offering_id: routeOffering.id,
       signature_state: ContractState.UNSIGNED,
     };
     act(() => {

package/js/pages/TeacherDashboardContractsLayout/hooks/useTeacherContractFilters/index.tsx

@@ -5,16 +5,16 @@ import { ContractResourceQuery, ContractState } from 'types/Joanie';
 
 export type TeacherDashboardContractsParams = {
   organizationId?: string;
-  courseProductRelationId?: string;
+  offeringId?: string;
 };
 
 const useTeacherContractFilters = () => {
-  const { courseProductRelationId } = useParams<TeacherDashboardContractsParams>();
+  const { offeringId } = useParams<TeacherDashboardContractsParams>();
   const [searchParams] = useSearchParams();
   const searchFilters: ContractResourceQuery = useMemo(() => {
     return {
       organization_id: searchParams.get('organization_id') || undefined,
-      course_product_relation_id: searchParams.get('course_product_relation_id') || undefined,
+      offering_id: searchParams.get('offering_id') || undefined,
       contract_ids: searchParams.getAll('contract_ids') || undefined,
       signature_state:
         (searchParams.get('signature_state') as ContractState) || ContractState.SIGNED,
@@ -28,7 +28,7 @@ const useTeacherContractFilters = () => {
     return {
       ...searchFilters,
       organization_id: defaultOrganizationId,
-      course_product_relation_id: courseProductRelationId,
+      offering_id: offeringId,
     };
   }, [defaultOrganizationId]);
   const [filters, setFilters] = useState<ContractResourceQuery>(initialFilters);

package/js/pages/TeacherDashboardContractsLayout/hooks/useTeacherContractsToSign.tsx

@@ -1,22 +1,22 @@
 import useContractAbilities from 'hooks/useContractAbilities';
 import { useOrganizationContracts } from 'hooks/useContracts';
-import { ContractState, Organization, CourseProductRelation } from 'types/Joanie';
+import { ContractState, Organization, Offering } from 'types/Joanie';
 import { ContractActions } from 'utils/AbilitiesHelper/types';
 
 interface UseTeacherContractsToSignProps {
   organizationId?: Organization['id'];
-  courseProductRelationId?: CourseProductRelation['id'];
+  offeringId?: Offering['id'];
 }
 
 const useTeacherContractsToSign = ({
   organizationId,
-  courseProductRelationId,
+  offeringId,
 }: UseTeacherContractsToSignProps) => {
   const { items: contractsToSign, meta: contractsToSignMeta } = useOrganizationContracts(
     {
       signature_state: ContractState.LEARNER_SIGNED,
       organization_id: organizationId,
-      course_product_relation_id: courseProductRelationId,
+      offering_id: offeringId,
     },
     { enabled: !!organizationId },
   );

package/js/pages/TeacherDashboardCourseLearnersLayout/hooks/useCourseLearnersFilters/index.spec.tsx

@@ -1,7 +1,7 @@
 import fetchMock from 'fetch-mock';
 import { renderHook, waitFor, act } from '@testing-library/react';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
-import { CourseProductRelationFactory, OrganizationFactory } from 'utils/test/factories/joanie';
+import { OfferingFactory, OrganizationFactory } from 'utils/test/factories/joanie';
 import { JoanieAppWrapper, setupJoanieSession } from 'utils/test/wrappers/JoanieAppWrapper';
 import useCourseLearnersFilters from '.';
 
@@ -32,12 +32,12 @@ describe('useCourseLearnersFilters', () => {
       expect(result.current.initialFilters).toStrictEqual({
         organization_id: undefined,
         course_id: undefined,
-        course_product_relation_id: undefined,
+        offering_id: undefined,
       });
       expect(result.current.filters).toStrictEqual({
         organization_id: undefined,
         course_id: undefined,
-        course_product_relation_id: undefined,
+        offering_id: undefined,
       });
     });
   });
@@ -46,7 +46,7 @@ describe('useCourseLearnersFilters', () => {
     const defaultOrganization = OrganizationFactory().one();
     const filteredOrganization = OrganizationFactory({ id: 'filtered' }).one();
     const routeOrganization = OrganizationFactory({ id: 'route' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory().one();
+    const routeOffering = OfferingFactory().one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.endpoint/api/v1.0/organizations/', [
       defaultOrganization,
@@ -56,9 +56,9 @@ describe('useCourseLearnersFilters', () => {
       wrapper: ({ children }) => (
         <JoanieAppWrapper
           routerOptions={{
-            path: '/:organizationId/:courseId/:courseProductRelationId',
+            path: '/:organizationId/:courseId/:offeringId',
             initialEntries: [
-              `/${routeOrganization.id}/${routeCourseProductRelation.course.id}/${routeCourseProductRelation.id}?organization_id=${filteredOrganization.id}`,
+              `/${routeOrganization.id}/${routeOffering.course.id}/${routeOffering.id}?organization_id=${filteredOrganization.id}`,
             ],
           }}
         >
@@ -70,13 +70,13 @@ describe('useCourseLearnersFilters', () => {
     await waitFor(() => {
       expect(result.current.initialFilters).toStrictEqual({
         organization_id: routeOrganization.id,
-        course_id: routeCourseProductRelation.course.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        course_id: routeOffering.course.id,
+        offering_id: routeOffering.id,
       });
       expect(result.current.filters).toStrictEqual({
         organization_id: routeOrganization.id,
-        course_id: routeCourseProductRelation.course.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        course_id: routeOffering.course.id,
+        offering_id: routeOffering.id,
       });
     });
   });
@@ -84,7 +84,7 @@ describe('useCourseLearnersFilters', () => {
   it("should use organizationId from query parameters when it's not in route params", async () => {
     const defaultOrganization = OrganizationFactory().one();
     const filteredOrganization = OrganizationFactory({ id: 'filtered' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory({ id: 'route' }).one();
+    const routeOffering = OfferingFactory({ id: 'route' }).one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.endpoint/api/v1.0/organizations/', [
       defaultOrganization,
@@ -94,9 +94,9 @@ describe('useCourseLearnersFilters', () => {
       wrapper: ({ children }) => (
         <JoanieAppWrapper
           routerOptions={{
-            path: '/:courseId/:courseProductRelationId',
+            path: '/:courseId/:offeringId',
             initialEntries: [
-              `/${routeCourseProductRelation.course.id}/${routeCourseProductRelation.id}/?organization_id=${filteredOrganization.id}`,
+              `/${routeOffering.course.id}/${routeOffering.id}/?organization_id=${filteredOrganization.id}`,
             ],
           }}
         >
@@ -108,13 +108,13 @@ describe('useCourseLearnersFilters', () => {
     await waitFor(() => {
       expect(result.current.initialFilters).toStrictEqual({
         organization_id: filteredOrganization.id,
-        course_id: routeCourseProductRelation.course.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        course_id: routeOffering.course.id,
+        offering_id: routeOffering.id,
       });
       expect(result.current.filters).toStrictEqual({
         organization_id: filteredOrganization.id,
-        course_id: routeCourseProductRelation.course.id,
-        course_product_relation_id: routeCourseProductRelation.id,
+        course_id: routeOffering.course.id,
+        offering_id: routeOffering.id,
       });
     });
   });
@@ -122,7 +122,7 @@ describe('useCourseLearnersFilters', () => {
   it('setFilters should update filter state', async () => {
     const defaultOrganization = OrganizationFactory({ id: 'all' }).one();
     const routeOrganization = OrganizationFactory({ id: 'route' }).one();
-    const routeCourseProductRelation = CourseProductRelationFactory().one();
+    const routeOffering = OfferingFactory().one();
     // fetching user's organizations to initialize default organizationId.
     fetchMock.get('https://joanie.endpoint/api/v1.0/organizations/', [defaultOrganization]);
     const { result } = renderHook(useCourseLearnersFilters, {
@@ -136,7 +136,7 @@ describe('useCourseLearnersFilters', () => {
     const expectedInitialFilters = {
       organization_id: defaultOrganization.id,
       course_id: undefined,
-      course_product_relation_id: undefined,
+      offering_id: undefined,
     };
     await waitFor(() => {
       expect(result.current.initialFilters).toStrictEqual(expectedInitialFilters);
@@ -144,8 +144,8 @@ describe('useCourseLearnersFilters', () => {
 
     const newFilters = {
       organization_id: routeOrganization.id,
-      course_id: routeCourseProductRelation.course.id,
-      course_product_relation_id: routeCourseProductRelation.id,
+      course_id: routeOffering.course.id,
+      offering_id: routeOffering.id,
     };
     act(() => {
       result.current.setFilters(newFilters);