richie 2.34.1.dev19__py2.py3-none-any.whl → 2.34.1.dev22__py2.py3-none-any.whl

frontend/js/components/ContractFrame/AbstractContractFrame.spec.tsx

@@ -27,7 +27,7 @@ jest.mock('settings', () => ({
   CONTRACT_SETTINGS: {
     ...jest.requireActual('settings').CONTRACT_SETTINGS,
     pollInterval: 10,
-    dummySignatureSignTimeout: 10,
+    dummySignatureSignTimeout: 50,
   },
 }));
 

frontend/js/components/Icon/index.tsx

@@ -35,6 +35,7 @@ export enum IconTypeEnum {
   CHEVRON_RIGHT_OUTLINE = 'icon-chevron-right-outline',
   CHEVRON_UP_OUTLINE = 'icon-chevron-up-outline',
   CLOCK = 'icon-clock',
+  COURSES = 'icon-courses',
   CREDIT_CARD = 'icon-creditCard',
   CROSS = 'icon-cross',
   DURATION = 'icon-duration',
@@ -49,6 +50,7 @@ export enum IconTypeEnum {
   LOGOUT_SQUARE = 'icon-logout-square',
   MAGNIFYING_GLASS = 'icon-magnifying-glass',
   MENU = 'icon-menu',
+  MONEY = 'icon-money',
   MORE = 'icon-more',
   ORG = 'icon-org',
   PACE = 'icon-pace',

frontend/package.json

@@ -44,27 +44,27 @@
     "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@faker-js/faker": "9.5.0",
+    "@faker-js/faker": "9.6.0",
     "@formatjs/cli": "6.6.1",
     "@formatjs/intl-relativetimeformat": "11.4.10",
-    "@hookform/resolvers": "4.1.2",
+    "@hookform/resolvers": "4.1.3",
     "@lyracom/embedded-form-glue": "1.4.2",
     "@openfun/cunningham-react": "3.0.0",
     "@openfun/cunningham-tokens": "2.2.0",
-    "@sentry/browser": "9.2.0",
-    "@sentry/types": "9.2.0",
-    "@storybook/addon-actions": "8.6.0",
-    "@storybook/addon-essentials": "8.6.0",
-    "@storybook/addon-interactions": "8.6.0",
-    "@storybook/addon-links": "8.6.0",
-    "@storybook/react": "8.6.0",
-    "@storybook/react-webpack5": "8.6.0",
-    "@storybook/test": "8.6.0",
-    "@tanstack/query-core": "5.66.4",
-    "@tanstack/query-sync-storage-persister": "5.66.4",
-    "@tanstack/react-query": "5.66.9",
-    "@tanstack/react-query-devtools": "5.66.9",
-    "@tanstack/react-query-persist-client": "5.66.9",
+    "@sentry/browser": "9.5.0",
+    "@sentry/types": "9.5.0",
+    "@storybook/addon-actions": "8.6.4",
+    "@storybook/addon-essentials": "8.6.4",
+    "@storybook/addon-interactions": "8.6.4",
+    "@storybook/addon-links": "8.6.4",
+    "@storybook/react": "8.6.4",
+    "@storybook/react-webpack5": "8.6.4",
+    "@storybook/test": "8.6.4",
+    "@tanstack/query-core": "5.67.2",
+    "@tanstack/query-sync-storage-persister": "5.67.2",
+    "@tanstack/react-query": "5.67.2",
+    "@tanstack/react-query-devtools": "5.67.2",
+    "@tanstack/react-query-persist-client": "5.67.2",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
@@ -80,20 +80,20 @@
     "@types/react-autosuggest": "10.1.11",
     "@types/react-dom": "19.0.4",
     "@types/react-modal": "3.16.3",
-    "@typescript-eslint/eslint-plugin": "8.25.0",
-    "@typescript-eslint/parser": "8.25.0",
+    "@typescript-eslint/eslint-plugin": "8.26.0",
+    "@typescript-eslint/parser": "8.26.0",
     "babel-jest": "29.7.0",
-    "babel-loader": "9.2.1",
+    "babel-loader": "10.0.0",
     "babel-plugin-react-intl": "8.2.25",
     "bootstrap": ">=4.6.0 <5",
     "classnames": "2.5.1",
     "cljs-merge": "1.1.1",
-    "core-js": "3.40.0",
+    "core-js": "3.41.0",
     "downshift": "9.0.8",
     "eslint": ">=8.57.0 <9",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
-    "eslint-config-prettier": "10.0.1",
+    "eslint-config-prettier": "10.1.1",
     "eslint-import-resolver-webpack": "0.13.10",
     "eslint-plugin-compat": "6.0.2",
     "eslint-plugin-formatjs": "5.2.14",
@@ -101,8 +101,8 @@
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "5.2.3",
     "eslint-plugin-react": "7.37.4",
-    "eslint-plugin-react-hooks": "5.1.0",
-    "eslint-plugin-storybook": "0.11.3",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-storybook": "0.11.4",
     "fetch-mock": "<10",
     "file-loader": "6.2.0",
     "glob": "11.0.1",
@@ -117,7 +117,7 @@
     "msw": "2.7.3",
     "node-fetch": ">2.6.6 <3",
     "nodemon": "3.1.9",
-    "prettier": "3.5.2",
+    "prettier": "3.5.3",
     "query-string": "9.1.1",
     "react": "19.0.0",
     "react-autosuggest": "10.1.0",
@@ -125,12 +125,12 @@
     "react-hook-form": "7.54.2",
     "react-intl": "7.1.6",
     "react-modal": "3.16.3",
-    "react-router": "7.2.0",
+    "react-router": "7.3.0",
     "sass": "1.85.1",
     "source-map-loader": "5.0.0",
-    "storybook": "8.6.0",
+    "storybook": "8.6.4",
     "tsconfig-paths-webpack-plugin": "4.2.0",
-    "typescript": "5.7.3",
+    "typescript": "5.8.2",
     "uuid": "11.1.0",
     "webpack": "5.98.0",
     "webpack-cli": "6.0.1",
@@ -154,7 +154,7 @@
     "yarn": "1.22.22"
   },
   "devDependencies": {
-    "@storybook/addon-mdx-gfm": "8.6.0",
+    "@storybook/addon-mdx-gfm": "8.6.4",
     "@storybook/addon-webpack5-compiler-babel": "3.0.5"
   }
 }

frontend/scss/colors/_theme.scss

@@ -491,6 +491,8 @@ $r-theme: (
   ),
   program-detail: (
     cover-empty-background: r-color('smoke'),
+    checkmark-list-decoration: url('../../richie/images/components/checkmark.svg'),
+    checkmark-list-decoration-color: r-color('indianred3'),
   ),
   registered-credit-card: (
     title-color: r-color('charcoal'),

frontend/scss/components/templates/courses/cms/_program_detail.scss

@@ -2,11 +2,13 @@
 //
 
 .program-detail {
+  $detail-selector: &;
   margin: 0 auto;
   padding: 0;
 
   &__block {
     @include detail-block;
+
     @if $body-padding-fix {
       @include content-padding-fix($target: '&:last-child');
     }
@@ -54,6 +56,75 @@
     padding-right: $grid-gutter-width;
   }
 
+  &__objectives {
+    ul {
+      padding-left: 0.3rem;
+      list-style-type: none;
+
+      li {
+        position: relative;
+        margin-top: 0.5rem;
+        font-size: 1rem;
+        padding-left: 1.5rem;
+
+        &::before {
+          content: '';
+          display: block;
+          position: absolute;
+          top: 0.2rem;
+          left: 0;
+          width: 0.8rem;
+          height: 0.8rem;
+          background-repeat: no-repeat;
+          background-color: r-theme-val(program-detail, checkmark-list-decoration-color);
+          -webkit-mask: r-theme-val(program-detail, checkmark-list-decoration);
+          mask: r-theme-val(program-detail, checkmark-list-decoration);
+          -webkit-mask-size: cover;
+          mask-size: cover;
+        }
+      }
+    }
+  }
+
+  &__content {
+    @include media-breakpoint-up(lg) {
+      padding-right: 3rem;
+    }
+  }
+
+  &__aside {
+    padding: 1rem 0;
+
+    @include media-breakpoint-up(lg) {
+      @include sv-flex(1, 0, $r-program-aside);
+      padding: 3rem 1rem;
+    }
+
+    #{$detail-selector}__row {
+      margin-bottom: 1.5rem;
+    }
+
+    #{$detail-selector}__title {
+      @include font-size($h3-font-size);
+      padding-bottom: 1rem;
+
+      @if r-theme-val(course-detail, aside-title-border) {
+        border-bottom: $onepixel solid r-theme-val(course-detail, aside-title-border);
+      }
+    }
+  }
+
+  &__main {
+    @include media-breakpoint-up(lg) {
+      @include sv-flex(1, 0, calc(100% - #{$r-program-subheader-aside}));
+      display: flex;
+      justify-content: flex-start;
+      align-content: flex-start;
+      align-items: flex-start;
+      flex-wrap: wrap;
+    }
+  }
+
   &__courses {
     @include make-col-ready();
     @include make-col(12);

frontend/scss/settings/_variables.scss

@@ -152,11 +152,13 @@ $r-footer-logo-width-lg: 11.875rem !default;
 // full width like common blocks. Usefull if you plan to remove course run from
 // template
 $r-course-aside: 35% !default;
+$r-program-aside: 25% !default;
 
 // Subheader aside column width in course detail. Unlike, $r-course-aside this
 // variable cannot be null. Otherwise to homegenize layout, it should have the
 // same value than $r-course-aside.
 $r-course-subheader-aside: 35% !default;
+$r-program-subheader-aside: 25% !default;
 
 // Course search page shared variables
 $r-search-filters-gutter: 0.2rem !default;