richie-education 3.1.3-dev12 → 3.1.3-dev17

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

@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event';
 import queryString from 'query-string';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import {
-  OfferFactory,
+  OfferingFactory,
   NestedCourseOrderFactory,
   OrganizationFactory,
 } from 'utils/test/factories/joanie';
@@ -49,44 +49,44 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
       organizationFilterShouldBeDisplayed: true,
     },
   ])('$expectedLabel', async ({ nbOrganization, organizationFilterShouldBeDisplayed }) => {
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
     const organizationList = OrganizationFactory().many(nbOrganization);
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`,
+      `https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`,
       organizationList,
     );
 
     // Course sidebar query
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/offers/${offer.id}/`, {});
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/offerings/${offering.id}/`, {});
 
     // First request before finding default organizationId
     const courseOrderListQueryParams = {
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       [],
     );
 
     if (organizationList.length > 0) {
       // Course sidebar query
       fetchMock.get(
-        `https://joanie.endpoint/api/v1.0/organizations/${organizationList[0].id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+        `https://joanie.endpoint/api/v1.0/organizations/${organizationList[0].id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
         [],
       );
 
       // Second request when default organizationId is fetched
       fetchMock.get(
-        `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify({ organization_id: organizationList[0].id, ...courseOrderListQueryParams }, { sort: false })}`,
+        `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify({ organization_id: organizationList[0].id, ...courseOrderListQueryParams }, { sort: false })}`,
         [],
       );
     }
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:courseId/:offerId',
-        initialEntries: [`/${offer.course.id}/${offer.id}`],
+        path: '/:courseId/:offeringId',
+        initialEntries: [`/${offering.course.id}/${offering.id}`],
       },
     });
 
@@ -109,42 +109,42 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
   });
 
   it('should call onFiltersChange on organization filter change', async () => {
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
     const defaultOrganization = OrganizationFactory().one();
     const otherOrganization = OrganizationFactory().one();
     const organizationList = [defaultOrganization, otherOrganization];
 
     // Course sidebar queries
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${defaultOrganization.id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${defaultOrganization.id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
       [],
     );
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/offers/${offer.id}/`, {});
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/offerings/${offering.id}/`, {});
 
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`,
+      `https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`,
       organizationList,
     );
     // First request before finding default organizationId
     const courseOrderListQueryParams = {
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       [],
     );
     // Second request when default organizationId is fetched
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify({ organization_id: defaultOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify({ organization_id: defaultOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
       [],
     );
 
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:courseId/:offerId',
-        initialEntries: [`/${offer.course.id}/${offer.id}`],
+        path: '/:courseId/:offeringId',
+        initialEntries: [`/${offering.course.id}/${offering.id}`],
       },
     });
 
@@ -158,57 +158,57 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
     const optionToSelect = screen.getByRole('option', { name: organizationList[1].title });
 
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify({ organization_id: otherOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify({ organization_id: otherOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
       [],
     );
     await user.click(optionToSelect);
     // onload default value is undefine and is onFiltersChange called once
     expect(
       fetchMock.called(
-        `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify({ organization_id: otherOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
+        `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify({ organization_id: otherOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
       ),
     ).toBe(true);
   });
 
-  it('should render a list of course learners for a offer', async () => {
+  it('should render a list of course learners for an offering', async () => {
     const defaultOrganization = OrganizationFactory().one();
     const otherOrganization = OrganizationFactory().one();
     const organizationList = [defaultOrganization, otherOrganization];
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
     const courseOrderList = NestedCourseOrderFactory().many(3);
 
     // Course sidebar queries
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${defaultOrganization.id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${defaultOrganization.id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
       [],
     );
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/offers/${offer.id}/`, {});
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/offerings/${offering.id}/`, {});
 
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`,
+      `https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`,
       organizationList,
     );
 
     // First request before finding default organizationId
     const courseOrderListQueryParams = {
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       courseOrderList,
     );
     // Second request when default organizationId is fetched
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify({ organization_id: defaultOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify({ organization_id: defaultOrganization.id, ...courseOrderListQueryParams }, { sort: false })}`,
       courseOrderList,
     );
 
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:courseId/:offerId',
-        initialEntries: [`/${offer.course.id}/${offer.id}`],
+        path: '/:courseId/:offeringId',
+        initialEntries: [`/${offering.course.id}/${offering.id}`],
       },
     });
 
@@ -230,39 +230,39 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
 
   it('should render a list of course learners for an organization', async () => {
     const organization = OrganizationFactory().one();
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
     const courseOrderList = NestedCourseOrderFactory().many(3);
 
     // Course sidebar queries
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
       [],
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/${offer.id}/`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/${offering.id}/`,
       {},
     );
 
     // before default organization's fetched, we query all organization to decide if we should display organization filter or not.
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`, [
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`, [
       organization,
     ]);
 
     const courseOrderListQueryParams = {
       organization_id: organization.id,
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       courseOrderList,
     );
 
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:organizationId/:courseId/:offerId',
-        initialEntries: [`/${organization.id}/${offer.course.id}/${offer.id}`],
+        path: '/:organizationId/:courseId/:offeringId',
+        initialEntries: [`/${organization.id}/${offering.course.id}/${offering.id}`],
       },
     });
 
@@ -282,38 +282,38 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
 
   it('should render an empty table if there are no course learners', async () => {
     const organization = OrganizationFactory().one();
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
 
     // Course sidebar queries
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
       [],
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/${offer.id}/`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/${offering.id}/`,
       {},
     );
 
     // before default organization's fetched, we query all organization to decide if we should display organization filter or not.
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`, [
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`, [
       organization,
     ]);
 
     const courseOrderListQueryParams = {
       organization_id: organization.id,
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       [],
     );
 
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:organizationId/:courseId/:offerId',
-        initialEntries: [`/${organization.id}/${offer.course.id}/${offer.id}`],
+        path: '/:organizationId/:courseId/:offeringId',
+        initialEntries: [`/${organization.id}/${offering.course.id}/${offering.id}`],
       },
     });
 
@@ -326,38 +326,38 @@ describe('pages/TeacherDashboardCourseLearnersLayout', () => {
 
   it('should render an error banner if an error occured during course learners fetching', async () => {
     const organization = OrganizationFactory().one();
-    const offer = OfferFactory().one();
+    const offering = OfferingFactory().one();
 
     // Course sidebar queries
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offer_id=${offer.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?offering_id=${offering.id}&signature_state=half_signed&page=1&page_size=${PER_PAGE.teacherContractList}`,
       [],
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/${offer.id}/`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/${offering.id}/`,
       {},
     );
 
     // before default organization's fetched, we query all organization to decide if we should display organization filter or not.
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offer_id=${offer.id}`, [
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/?offering_id=${offering.id}`, [
       organization,
     ]);
 
     const courseOrderListQueryParams = {
       organization_id: organization.id,
-      offer_id: offer.id,
+      offering_id: offering.id,
       page: 1,
       page_size: PER_PAGE.courseLearnerList,
     };
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/courses/${offer.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
+      `https://joanie.endpoint/api/v1.0/courses/${offering.course.id}/orders/?${queryString.stringify(courseOrderListQueryParams, { sort: false })}`,
       new Response('', { status: HttpStatusCode.NOT_FOUND }),
     );
 
     render(<TeacherDashboardCourseLearnersLayout />, {
       routerOptions: {
-        path: '/:organizationId/:courseId/:offerId',
-        initialEntries: [`/${organization.id}/${offer.course.id}/${offer.id}`],
+        path: '/:organizationId/:courseId/:offeringId',
+        initialEntries: [`/${organization.id}/${offering.course.id}/${offering.id}`],
       },
     });
 

package/js/pages/TeacherDashboardCourseLearnersLayout/index.tsx

@@ -65,7 +65,7 @@ export const TeacherDashboardCourseLearnersLayout = () => {
   const {
     items: organizations,
     states: { isFetched: isOrganizationFetched },
-  } = useOrganizations({ offer_id: filters.offer_id });
+  } = useOrganizations({ offering_id: filters.offering_id });
   const {
     items: courseOrders,
     meta,

package/js/pages/TeacherDashboardCoursesLoader/index.spec.tsx

@@ -2,7 +2,7 @@ import { screen, waitFor } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 import userEvent from '@testing-library/user-event';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
-import { CourseListItemFactory, OfferFactory } from 'utils/test/factories/joanie';
+import { CourseListItemFactory, OfferingFactory } from 'utils/test/factories/joanie';
 import { expectNoSpinner } from 'utils/test/expectSpinner';
 import { mockPaginatedResponse } from 'utils/test/mockPaginatedResponse';
 import { PER_PAGE } from 'settings';
@@ -48,19 +48,19 @@ describe('components/TeacherDashboardCoursesLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(15), 15, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/offers/?product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(15), 15, false),
+      `https://joanie.endpoint/api/v1.0/offerings/?product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(15), 15, false),
     );
 
     render(<TeacherDashboardCoursesLoader />);
     await expectNoSpinner('Loading courses...');
 
     nbApiCalls += 1; // course api call
-    nbApiCalls += 1; // offers api call
+    nbApiCalls += 1; // offerings api call
     const calledUrls = fetchMock.calls().map((call) => call[0]);
     expect(calledUrls).toHaveLength(nbApiCalls);
     expect(calledUrls).toContain(
-      `https://joanie.endpoint/api/v1.0/offers/?product_type=credential&page=1&page_size=${perPage}`,
+      `https://joanie.endpoint/api/v1.0/offerings/?product_type=credential&page=1&page_size=${perPage}`,
     );
 
     // section titles
@@ -80,8 +80,8 @@ describe('components/TeacherDashboardCoursesLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(15), 15, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/offers/?product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(15), 15, false),
+      `https://joanie.endpoint/api/v1.0/offerings/?product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(15), 15, false),
     );
 
     render(<TeacherDashboardCoursesLoader />);
@@ -93,22 +93,22 @@ describe('components/TeacherDashboardCoursesLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(5), 5, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/offers/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(5), 5, false),
+      `https://joanie.endpoint/api/v1.0/offerings/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(5), 5, false),
     );
     const user = userEvent.setup();
     await user.type(screen.getByRole('textbox', { name: /Search/ }), 'text query');
     await user.click(screen.getByRole('button', { name: /Search/ }));
 
     nbApiCalls = 1; // course api call
-    nbApiCalls += 1; // offers api call
+    nbApiCalls += 1; // offerings api call
     const calledUrls = fetchMock.calls().map((call) => call[0]);
     expect(calledUrls).toHaveLength(nbApiCalls);
     expect(calledUrls).toContain(
       `https://joanie.endpoint/api/v1.0/courses/?query=text+query&has_listed_course_runs=true&page=1&page_size=${perPage}`,
     );
     expect(calledUrls).toContain(
-      `https://joanie.endpoint/api/v1.0/offers/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
+      `https://joanie.endpoint/api/v1.0/offerings/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
     );
 
     await waitFor(() => {

package/js/pages/TeacherDashboardOrganizationCourseLoader/index.spec.tsx

@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import {
   CourseListItemFactory,
-  OfferFactory,
+  OfferingFactory,
   OrganizationFactory,
 } from 'utils/test/factories/joanie';
 import { expectNoSpinner } from 'utils/test/expectSpinner';
@@ -59,8 +59,8 @@ describe('components/TeacherDashboardOrganizationCourseLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(15), 15, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/?product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(15), 15, false),
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/?product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(15), 15, false),
     );
     fetchMock.get(
       `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/contracts/?signature_state=half_signed&page=1`,
@@ -76,7 +76,7 @@ describe('components/TeacherDashboardOrganizationCourseLoader', () => {
     await expectNoSpinner('Loading courses...');
 
     nbApiCalls += 1; // course api call
-    nbApiCalls += 1; // offers api call
+    nbApiCalls += 1; // offerings api call
     nbApiCalls += 1; // contracts api call
     const calledUrls = fetchMock.calls().map((call) => call[0]);
     expect(calledUrls).toHaveLength(nbApiCalls);
@@ -84,7 +84,7 @@ describe('components/TeacherDashboardOrganizationCourseLoader', () => {
       `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/courses/?has_listed_course_runs=true&page=1&page_size=${perPage}`,
     );
     expect(calledUrls).toContain(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/?product_type=credential&page=1&page_size=${perPage}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/?product_type=credential&page=1&page_size=${perPage}`,
     );
     await expectNoSpinner('Loading organization...');
 
@@ -117,8 +117,8 @@ describe('components/TeacherDashboardOrganizationCourseLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(15), 15, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/?product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(15), 15, false),
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/?product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(15), 15, false),
     );
 
     render(<TeacherDashboardOrganizationCourseLoader />, {
@@ -136,22 +136,22 @@ describe('components/TeacherDashboardOrganizationCourseLoader', () => {
       mockPaginatedResponse(CourseListItemFactory().many(5), 5, false),
     );
     fetchMock.get(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
-      mockPaginatedResponse(OfferFactory().many(5), 5, false),
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
+      mockPaginatedResponse(OfferingFactory().many(5), 5, false),
     );
     const user = userEvent.setup();
     await user.type(screen.getByRole('textbox', { name: /Search/ }), 'text query');
     await user.click(screen.getByRole('button', { name: /Search/ }));
 
     nbApiCalls = 1; // course api call
-    nbApiCalls += 1; // offers api call
+    nbApiCalls += 1; // offerings api call
     const calledUrls = fetchMock.calls().map((call) => call[0]);
     expect(calledUrls).toHaveLength(nbApiCalls);
     expect(calledUrls).toContain(
       `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/courses/?query=text+query&has_listed_course_runs=true&page=1&page_size=${perPage}`,
     );
     expect(calledUrls).toContain(
-      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offers/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
+      `https://joanie.endpoint/api/v1.0/organizations/${organization.id}/offerings/?query=text+query&product_type=credential&page=1&page_size=${perPage}`,
     );
 
     await waitFor(() => {

package/js/pages/TeacherDashboardTraining/TeacherDashboardTrainingLoader.tsx

@@ -1,7 +1,7 @@
 import { FormattedMessage, defineMessages } from 'react-intl';
 import { useParams } from 'react-router';
 
-import { useOffer } from 'hooks/useOffer';
+import { useOffering } from 'hooks/useOffering';
 import { DashboardLayout } from 'widgets/Dashboard/components/DashboardLayout';
 import { TeacherDashboardCourseSidebar } from 'widgets/Dashboard/components/TeacherDashboardCourseSidebar';
 import { Spinner } from 'components/Spinner';
@@ -22,17 +22,17 @@ const messages = defineMessages({
 });
 
 export const TeacherDashboardTrainingLoader = () => {
-  const { offerId, organizationId } = useParams<{
-    offerId: string;
+  const { offeringId, organizationId } = useParams<{
+    offeringId: string;
     organizationId?: string;
   }>();
 
   const {
-    item: offer,
+    item: offering,
     states: { fetching },
-  } = useOffer(offerId, { organization_id: organizationId });
+  } = useOffering(offeringId, { organization_id: organizationId });
   useBreadcrumbsPlaceholders({
-    courseTitle: offer?.product.title ?? '',
+    courseTitle: offering?.product.title ?? '',
   });
   return (
     <DashboardLayout sidebar={<TeacherDashboardCourseSidebar />}>
@@ -48,7 +48,7 @@ export const TeacherDashboardTrainingLoader = () => {
           </span>
         </Spinner>
       ) : (
-        <TeacherDashboardTraining offer={offer} />
+        <TeacherDashboardTraining offering={offering} />
       )}
     </DashboardLayout>
   );