richie-education 2.22.0 → 2.23.0

package/.storybook/__mocks__/utils/context.ts

@@ -11,5 +11,5 @@ let context = {
 };
 
 (window as any).__richie_frontend_context__ = {
-  context: RichieContextFactory(context).generate(),
+  context: RichieContextFactory(context).one(),
 };

package/cunningham.cjs

@@ -0,0 +1,65 @@
+/* Custom Cunningham Tokens for Richie
+
+   In a child project, you can override those tokens by creating a token file like this one,
+   merge your custom tokens with default Richie ones then by using cunningham cli to generate
+   sass and ts tokens files (take a look to the `build-theme` command within package.json
+   see it in action).
+
+   E.g:
+     const tokens = require('richie-education/cunningham.cjs')
+     module.exports = {
+       theme: {
+          ...tokens.theme
+          colors: {
+            ...tokens.colors,
+            'your-black': '#1E1E1E',
+          },
+       },
+*/
+
+module.exports = {
+  theme: {
+    font: {
+      families: { base: 'Hind', accent: 'Montserrat' },
+    },
+    colors: {
+      'primary-100': '#ffcad1',
+      'primary-200': '#f19597',
+      'primary-300': '#e86a6f',
+      'primary-400': '#f2444b',
+      'primary-500': '#f72c30',
+      'primary-600': '#e81f2f',
+      'primary-700': '#d60f29',
+      'primary-800': '#c90022',
+      'primary-900': '#bb0014',
+      'secondary-100': '#eff8ff',
+      'secondary-200': '#eaf3fd',
+      'secondary-300': '#e2ebf5',
+      'secondary-400': '#c0c9d3',
+      'secondary-500': '#a3abb4',
+      'secondary-600': '#79818a',
+      'secondary-700': '#656c75',
+      'secondary-800': '#454d55',
+      'secondary-900': '#242b32',
+      black: '#090909',
+      'dark-grey': '#232323',
+      charcoal: '#29303b',
+      'slate-grey': '#686868',
+      'battleship-grey': '#686f7a',
+      'light-grey': '#d2d2d2',
+      silver: '#d5dbe0',
+      azure2: '#eceff1',
+      smoke: '#fdfdfd',
+      white: '#ffffff',
+      denim: '#0067b7',
+      firebrick6: '#f72c30',
+      'purplish-grey': '#726c74',
+      grey32: '#525151',
+      grey59: '#969696',
+      grey87: '#dfdfdf',
+      indianred3: '#df484b',
+      midnightblue: '#141b2c',
+      mantis: '#76ce68',
+    },
+  },
+};

package/i18n/locales/ar-SA.json

@@ -251,6 +251,30 @@
     "description": "Help text below the \"Unenroll now\" CTA when an enrollment attempt has already failed.",
     "message": "Your unenrollment request failed."
   },
+  "components.CourseRunItem.courseRunTitleWithDates": {
+    "description": "Course run details displayed on the syllabus",
+    "message": "{title}, from {start} to {end}"
+  },
+  "components.CourseRunItem.courseRunWithDates": {
+    "description": "Course run details displayed on the syllabus when it has no title",
+    "message": "From {start} to {end}"
+  },
+  "components.CourseRunItemWithEnrollment.enrolled": {
+    "description": "Help text for users are enrolled in the course run.",
+    "message": "You are enrolled in this course run"
+  },
+  "components.CourseRunItemWithEnrollment.goToCourse": {
+    "description": "Link title for users to go to the course run in which they are enrolled.",
+    "message": "Go to course"
+  },
+  "components.CourseRunList.dataCourseRunLink": {
+    "description": "Message displayed in course run datagrid for course run link",
+    "message": "go to course area"
+  },
+  "components.CourseRunList.dataCourseRunPeriod": {
+    "description": "Message displayed in course run datagrid for course run period",
+    "message": "from {from} to {to}"
+  },
   "components.CourseRunList.enrollFromTo": {
     "description": "Text label for the enrollment dates",
     "message": "Enrollment from {start} to {end}"
@@ -295,6 +319,14 @@
     "description": "The path to display an order detail view.",
     "message": "/courses/orders/{orderId}"
   },
+  "components.Dashboard.DashboardRoutes.order.runs.label": {
+    "description": "Label of the order runs view used in navigation components.",
+    "message": "General information"
+  },
+  "components.Dashboard.DashboardRoutes.order.runs.path": {
+    "description": "The path to display an order runs view.",
+    "message": "/courses/orders/{orderId}/runs"
+  },
   "components.Dashboard.DashboardRoutes.preferences.addresses.creation.label": {
     "description": "Label of the addresses creation view.",
     "message": "Create address"
@@ -619,6 +651,10 @@
     "description": "Error message shown when payment creation request failed.",
     "message": "An error occurred during payment. Please retry later."
   },
+  "components.PaymentButton.errorFullProduct": {
+    "description": "Error message shown when payment creation request failed because there is no remaining available seat for the product.",
+    "message": "There are no more places available for this product."
+  },
   "components.PaymentButton.pay": {
     "description": "CTA label to proceed to the payment of the product",
     "message": "Pay {price}"
@@ -652,9 +688,13 @@
     "message": "Login to purchase {product}"
   },
   "components.SaleTunnel.noCourseRunToPurchase": {
-    "description": "Label displayed inside the product's when there is no courseRun",
+    "description": "Label displayed below the product's CTA when there is no courseRun",
     "message": "At least one course has no course runs, this product is not currently available for sale"
   },
+  "components.SaleTunnel.noRemainingOrder": {
+    "description": "Label displayed below the product's CTA when there is no remaining available seat for the product",
+    "message": "There are no more places available for this product."
+  },
   "components.SaleTunnel.stepPayment": {
     "description": "Label of the Payment step",
     "message": "Payment"
@@ -827,37 +867,157 @@
     "description": "Sub title of the dashboard sidebar",
     "message": "You are on your dashboard"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.classrooms.label": {
-    "description": "Label of the course classrooms view.",
-    "message": "Classrooms"
+  "components.SyllabusAsideList.archived": {
+    "description": "Message displayed on syllabus when there are archived course runs",
+    "message": "Archived"
+  },
+  "components.SyllabusAsideList.courseRunsTitle": {
+    "description": "Message displayed on the top of course runs list on syllabus when there is 0 or multiple course runs opened",
+    "message": "Course runs"
+  },
+  "components.SyllabusAsideList.noCourseRuns": {
+    "description": "Message displayed on syllabus when there are no course runs to show",
+    "message": "No course runs"
+  },
+  "components.SyllabusAsideList.noOtherCourseRuns": {
+    "description": "Message displayed on syllabus when there are no other course runs to show than the only one opened",
+    "message": "No other course runs"
+  },
+  "components.SyllabusAsideList.ongoing": {
+    "description": "Message displayed on syllabus when there are ongoing course runs",
+    "message": "Ongoing"
+  },
+  "components.SyllabusAsideList.otherCourseRuns": {
+    "description": "Message displayed on the top of course runs list on syllabus when there is only one course run opened",
+    "message": "Other course runs"
+  },
+  "components.SyllabusAsideList.toBeScheduled": {
+    "description": "Message displayed on syllabus when there are course runs to be scheduled",
+    "message": "To be scheduled"
+  },
+  "components.SyllabusAsideList.upcoming": {
+    "description": "Message displayed on syllabus when there are upcoming course runs",
+    "message": "Upcoming"
+  },
+  "components.SyllabusCourseRun.course": {
+    "description": "Title of the course dates section of an opened course run block",
+    "message": "Course"
+  },
+  "components.SyllabusCourseRun.coursePeriod": {
+    "description": "Course date of an opened course run block",
+    "message": "From {startDate} to {endDate}"
+  },
+  "components.SyllabusCourseRun.enrollment": {
+    "description": "Title of the enrollment dates section of an opened course run block",
+    "message": "Enrollment"
+  },
+  "components.SyllabusCourseRun.enrollmentPeriod": {
+    "description": "Enrollment date of an opened course run block",
+    "message": "From {startDate} to {endDate}"
+  },
+  "components.SyllabusCourseRun.languages": {
+    "description": "Title of the languages section of an opened course run block",
+    "message": "Languages"
+  },
+  "components.SyllabusCourseRunsList.multipleOpenedCourseRuns": {
+    "description": "Message displayed when there are multiple opened course runs on a syllabus",
+    "message": "{count} course runs are currently open for this course"
+  },
+  "components.SyllabusCourseRunsList.multipleOpenedCourseRunsButton": {
+    "description": "Message displayed on the button when there are multiple opened course runs on a syllabus",
+    "message": "Choose now"
+  },
+  "components.SyllabusCourseRunsList.noOpenedCourseRuns": {
+    "description": "Message displayed when there are no opened course runs on a syllabus",
+    "message": "No opened course runs"
+  },
+  "components.SyllabusSimpleCourseRunsList.viewMore": {
+    "description": "Button displayed on the syllabus when not all course runs are displayed",
+    "message": "View more"
+  },
+  "components.TeacherCourseDashboardLoader.errorNoCourse": {
+    "description": "Message displayed when requested course is not found",
+    "message": "This course doesn't exist"
+  },
+  "components.TeacherCourseDashboardLoader.loading": {
+    "description": "Message displayed while loading a course",
+    "message": "Loading course..."
+  },
+  "components.TeacherCourseDashboardLoader.pageTitle": {
+    "description": "Use for the page title of the course area",
+    "message": "Course area"
+  },
+  "components.TeacherCourseDashboardSidebar.header": {
+    "description": "Title of the course dashboard sidebar",
+    "message": "{courseTitle}"
+  },
+  "components.TeacherCourseDashboardSidebar.loading": {
+    "description": "Message displayed while loading a course",
+    "message": "Loading course..."
+  },
+  "components.TeacherCourseDashboardSidebar.subHeader": {
+    "description": "Sub title of the course dashboard sidebar",
+    "message": "You are on the course dashboard"
+  },
+  "components.TeacherCourseDashboardSidebar.syllabusLinkLabel": {
+    "description": "Syllabus link label",
+    "message": "Go to syllabus"
+  },
+  "components.TeacherCoursesDashboardLoader.title.archived": {
+    "description": "Archived courses title",
+    "message": "Archived"
+  },
+  "components.TeacherCoursesDashboardLoader.title.filteredCourses": {
+    "description": "Filtered courses title",
+    "message": "Your courses"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.classrooms.path": {
-    "description": "The path to display the course classrooms view.",
-    "message": "/teacher/course/{courseCode}/classrooms"
+  "components.TeacherCoursesDashboardLoader.title.incoming": {
+    "description": "Incoming courses title",
+    "message": "Incoming"
+  },
+  "components.TeacherCoursesDashboardLoader.title.ongoing": {
+    "description": "Ongoing courses title",
+    "message": "Ongoing"
+  },
+  "components.TeacherDashboard.TeacherDashboardRoutes.course.generalInformation.path": {
+    "description": "The path to display the course general information view.",
+    "message": "/teacher/courses/{courseId}/information"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.course.label": {
-    "description": "Label of the course view.",
-    "message": "General informations"
+    "description": "Label of the course root view.",
+    "message": "{courseTitle}"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.course.path": {
     "description": "The path to display the course view.",
-    "message": "/teacher/course/{courseCode}"
+    "message": "/teacher/courses/{courseId}"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.records.label": {
-    "description": "Label of the course's records view.",
-    "message": "Records"
+  "components.TeacherDashboard.TeacherDashboardRoutes.course.product.label": {
+    "description": "Label of the product view.",
+    "message": "Training"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.records.path": {
-    "description": "The path to display the course's records view.",
-    "message": "/teacher/course/{courseCode}/records"
+  "components.TeacherDashboard.TeacherDashboardRoutes.course.product.path": {
+    "description": "The path to display the product view.",
+    "message": "/teacher/courses/{courseId}/products/{courseProductRelationId}"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.settings.label": {
-    "description": "Label of the course settings view.",
-    "message": "Settings"
+  "components.TeacherDashboard.TeacherDashboardRoutes.generalInformation.label": {
+    "description": "Label of the course general information view.",
+    "message": "General information"
+  },
+  "components.TeacherDashboard.TeacherDashboardRoutes.organization.course.generalInformation.label": {
+    "description": "Label of the organization course general information view.",
+    "message": "General information"
+  },
+  "components.TeacherDashboard.TeacherDashboardRoutes.organization.course.generalInformation.path": {
+    "description": "The path to display the organization course general information view.",
+    "message": "/teacher/organizations/{organizationId}/courses/{courseId}/information"
   },
-  "components.TeacherDashboard.TeacherDashboardRoutes.course.settings.path": {
-    "description": "The path to display the course settings view.",
-    "message": "/teacher/course/{courseCode}/settings"
+  "components.TeacherDashboard.TeacherDashboardRoutes.organization.course.product.label": {
+    "description": "Label of the organization product view.",
+    "message": "Training"
+  },
+  "components.TeacherDashboard.TeacherDashboardRoutes.organization.course.product.path": {
+    "description": "The path to display the organization product view.",
+    "message": "/teacher/organizations/{organizationId}/courses/{courseId}/products/{courseProductRelationId}"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.courses.label": {
     "description": "Label of the organization courses view.",
@@ -865,31 +1025,15 @@
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.courses.path": {
     "description": "The path to display the organization courses view.",
-    "message": "/teacher/organization/{organizationId}/courses"
+    "message": "/teacher/organizations/{organizationId}/courses"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.label": {
     "description": "Label of the organization view.",
-    "message": "General informations"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.organization.members.label": {
-    "description": "Label of the unisersity members view.",
-    "message": "Members"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.organization.members.path": {
-    "description": "The path to display the unisersity members view.",
-    "message": "/teacher/organization/{organizationId}/members"
+    "message": "{organizationTitle}"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.path": {
     "description": "The path to display the organization view.",
-    "message": "/teacher/organization/{organizationId}"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.organization.settings.label": {
-    "description": "Label of the organization settings view.",
-    "message": "Settings"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.organization.settings.path": {
-    "description": "The path to display the organization settings view.",
-    "message": "/teacher/organization/{organizationId}/settings"
+    "message": "/teacher/organizations/{organizationId}"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.profile.courses.label": {
     "description": "Label of the teacher courses liste view.",
@@ -897,31 +1041,7 @@
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.profile.courses.path": {
     "description": "The path to display the teacher courses liste view.",
-    "message": "/teacher/profile/courses"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.label": {
-    "description": "Label of the teacher profile view.",
-    "message": "Profile"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.notifications.label": {
-    "description": "Label of the teacher notifications view.",
-    "message": "Notifications"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.notifications.path": {
-    "description": "The path to display the teacher notifications view.",
-    "message": "/teacher/profile/notifications"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.path": {
-    "description": "The path to display the teacher profile view.",
-    "message": "/teacher/profile"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.settings.label": {
-    "description": "Label of the teacher profile settings view.",
-    "message": "Settings"
-  },
-  "components.TeacherDashboard.TeacherDashboardRoutes.profile.settings.path": {
-    "description": "The path to display the teacher profile settings view.",
-    "message": "/teacher/profile/settings"
+    "message": "/teacher/courses"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.root.label": {
     "description": "Label of the teacher dashboard root view.",
@@ -931,13 +1051,29 @@
     "description": "The path to display the teacher dashboard root view.",
     "message": "/teacher"
   },
+  "components.TeacherDashboardCourseList.emptyList": {
+    "description": "Empty placeholder of the dashboard's list of trainings",
+    "message": "You have no courses yet."
+  },
+  "components.TeacherDashboardCourseList.loadMore": {
+    "description": "Button to manually load more trainings",
+    "message": "Load more"
+  },
+  "components.TeacherDashboardCourseList.loading": {
+    "description": "Message displayed while loading trainings on the teacher's dashboard'",
+    "message": "Loading courses..."
+  },
   "components.TeacherOrganizationCourseDashboardLoader.loading": {
-    "description": "Message displayed while loading courses on the teacher's dashboard'",
+    "description": "Message displayed while loading an organization",
     "message": "Loading organization ..."
   },
-  "components.TeacherOrganizationDashboardSidebar.header": {
-    "description": "Title of the organization dashboard sidebar",
-    "message": "{organizationName}"
+  "components.TeacherOrganizationCourseDashboardLoader.title": {
+    "description": "Message displayed as title of organization courses page",
+    "message": "Courses of {organizationTitle}"
+  },
+  "components.TeacherOrganizationDashboardSidebar.loading": {
+    "description": "Message displayed while loading an organization",
+    "message": "Loading organization..."
   },
   "components.TeacherOrganizationDashboardSidebar.subHeader": {
     "description": "Sub title of the organization dashboard sidebar",
@@ -951,17 +1087,21 @@
     "description": "Title of the organizations section",
     "message": "My universities"
   },
-  "components.TeacherProfileDashboardSidebar.header": {
-    "description": "Title of the dashboard sidebar",
-    "message": "{name}"
-  },
   "components.TeacherProfileDashboardSidebar.subHeader": {
     "description": "Sub title of the dashboard sidebar",
     "message": "You are on your teacher dashboard"
   },
-  "components.TeacherProfileSettingsDashboardLoader.loading": {
-    "description": "Message displayed while loading settings",
-    "message": "Loading settings..."
+  "components.TeacherTrainingDashboard.errorNoCourseProductRelation": {
+    "description": "Message displayed when requested course product relation is not found",
+    "message": "This product doesn't exist"
+  },
+  "components.TeacherTrainingDashboardLoader.loading": {
+    "description": "Message displayed while loading a course",
+    "message": "Loading training..."
+  },
+  "components.TeacherTrainingDashboardLoader.pageTitle": {
+    "description": "Use for the page title of the training area",
+    "message": "Training area"
   },
   "components.UserLogin.logIn": {
     "description": "Text for the login button.",
@@ -1027,6 +1167,34 @@
     "description": "Error message shown to the user when no certificate matches.",
     "message": "Cannot find the certificate"
   },
+  "hooks.useCourseProductRelations.errorGet": {
+    "description": "Error message shown to the user when course product relation fetch request fails.",
+    "message": "An error occurred while fetching trainings. Please retry later."
+  },
+  "hooks.useCourseProductRelations.errorNotFound": {
+    "description": "Error message shown to the user when no course product relation matches.",
+    "message": "Cannot find the training."
+  },
+  "hooks.useCourseProductUnion.errorGet": {
+    "description": "Error message shown to the user when trainings fetch request fails.",
+    "message": "An error occurred while fetching trainings. Please retry later."
+  },
+  "hooks.useCourseRuns.errorGet": {
+    "description": "Error message shown to the user when course runs fetch request fails.",
+    "message": "An error occurred while fetching course runs. Please retry later."
+  },
+  "hooks.useCourseRuns.errorNotFound": {
+    "description": "Error message shown to the user when no course runs matches.",
+    "message": "Cannot find the course runs."
+  },
+  "hooks.useCourses.errorNotFound": {
+    "description": "Error message shown to the user when not course matches.",
+    "message": "Cannot find the course."
+  },
+  "hooks.useCourses.errorSelect": {
+    "description": "Error message shown to the user when course fetch request fails.",
+    "message": "An error occurred while fetching course. Please retry later."
+  },
   "hooks.useCreditCards.errorCreate": {
     "description": "Error message shown to the user when credit card creation request fails.",
     "message": "An error occurred while creating the credit card. Please retry later."
@@ -1127,6 +1295,10 @@
     "description": "Error message shown to the user when resource update request fails.",
     "message": "An error occurred while updating a resource. Please retry later."
   },
+  "hooks.useUnionResource.errorGet": {
+    "description": "Error message shown to the user when union resources fetch request fails.",
+    "message": "An error occurred while fetching data. Please retry later."
+  },
   "hooks.useWishlist.errorCreate": {
     "description": "Error message shown to the user when wishlist creation request fails.",
     "message": "An error occurred when adding this course to your wishlist. Please retry later."
@@ -1142,5 +1314,9 @@
   "hooks.useWishlist.errorNotFound": {
     "description": "Error message shown to the user when no wishlist matches.",
     "message": "Cannot find the wishlist."
+  },
+  "utils.joinAnd.and": {
+    "description": "The and word",
+    "message": "and"
   }
 }