richie-education 3.3.2-dev6 → 3.4.0

package/.eslintrc.json

@@ -39,9 +39,6 @@
     "arrow-parens": "error",
     "consistent-return": "off",
     "default-case": "off",
-    "formatjs/no-multiple-whitespaces": "error",
-    "formatjs/enforce-description": "error",
-    "formatjs/enforce-default-message": "error",
     "global-require": "off",
     "import/extensions": "off",
     "import/no-cycle": ["off"],

package/.storybook/preview.tsx

@@ -1,23 +1,17 @@
 import { useState } from 'react';
 import { IntlProvider } from 'react-intl';
 import { CunninghamProvider } from '@openfun/cunningham-react';
-import { Preview } from '@storybook/react';
+import { Preview } from '@storybook/react-webpack5';
 import { useAsyncEffect } from 'hooks/useAsyncEffect';
+import frMessages from 'translations/fr-FR.json';
 import './__mocks__/utils/context';
 
-export const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  }
+const messages: Record<string, Record<string, string>> = {
+  en: {},
+  'fr-FR': frMessages,
 };
 
-const IconsWrapper = (props) => {
+const IconsWrapper = ({ children }: { children: React.ReactNode }) => {
   const [symbols, setSymbols] = useState('');
 
   useAsyncEffect(async () => {
@@ -29,19 +23,50 @@ const IconsWrapper = (props) => {
   return (
     <div>
       <div dangerouslySetInnerHTML={{ __html: symbols }} />
-      {props.children}
+      {children}
     </div>
   );
 };
 
-export const decorators = [
-  (Story) => (
-    <IntlProvider locale="en">
-      <IconsWrapper>
-        <CunninghamProvider>
-          <Story />
-        </CunninghamProvider>
-      </IconsWrapper>
-    </IntlProvider>
-  ),
-];
+const preview: Preview = {
+  globalTypes: {
+    locale: {
+      name: 'Locale',
+      description: 'Internationalization locale',
+      defaultValue: 'en',
+      toolbar: {
+        icon: 'globe',
+        items: [
+          { value: 'en', title: 'English' },
+          { value: 'fr-FR', title: 'Français' },
+        ],
+        showName: true,
+      },
+    },
+  },
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+  decorators: [
+    (Story, context) => {
+      const locale = context.globals.locale || 'en';
+      return (
+        <IntlProvider locale={locale} messages={messages[locale]}>
+          <IconsWrapper>
+            <CunninghamProvider>
+              <Story />
+            </CunninghamProvider>
+          </IconsWrapper>
+        </IntlProvider>
+      );
+    },
+  ],
+};
+
+export default preview;

package/cunningham.cjs

@@ -63,6 +63,7 @@ module.exports = {
           midnightblue: '#141b2c',
           mantis: '#76ce68',
           'mantis-darken': '#006908',
+          'warning-500': '#937303',
         },
       },
       components: {
@@ -77,6 +78,36 @@ module.exports = {
           lightness: 55,
         },
       },
+      contextuals: {
+        content: {
+          semantic: {
+             brand: { 'on-brand': 'ref(globals.colors.gray-000)', tertiary: 'ref(globals.colors.gray-600)' },
+          },
+        },
+      },
+      globals: {
+        colors: {
+          'brand-050': '#fff0f1',
+          'brand-100': '#ffcad1',
+          'brand-150': '#f8b0b4',
+          'brand-200': '#f19597',
+          'brand-250': '#ed8083',
+          'brand-300': '#e86a6f',
+          'brand-350': '#ed575d',
+          'brand-400': '#f2444b',
+          'brand-450': '#f5383e',
+          'brand-500': '#f63237',
+          'brand-550': '#f72c30',
+          'brand-600': '#e81f2f',
+          'brand-650': '#d60f29',
+          'brand-700': '#c90022',
+          'brand-750': '#c2001b',
+          'brand-800': '#bb0014',
+          'brand-850': '#a30010',
+          'brand-900': '#8c000d',
+          'brand-950': '#6b0009',
+        },
+      },
     },
   },
 };

package/i18n/compile-translations.js

@@ -1,41 +1,43 @@
 #! /usr/bin/env node
 const path = require('path');
 const fs = require('fs');
-const yargs = require('yargs');
+const yargs = require('yargs/yargs');
+const { hideBin } = require('yargs/helpers');
 const { glob } = require('glob');
 const { merge } = require('cljs-merge');
 
 /**
  * compile-translations
- * 
+ *
  * formatjs/cli compile and compile-folder methods do not allow merge.
  * So we need your own compile method.
- * 
+ *
  * Without specify option, this script compile all translations files includes
  * in i18n/locales into js/translations
- * 
+ *
  * You can provide a search pattern to include other translation sources. If several files have the
  * same name, they will be merged.
- * 
+ *
  * Usage: ./compile-translations.js [search_patterns] [--ignore] [--outDir <path_to_output_files]
- * 
- * 
+ *
+ *
  * ARGUMENTS:
  *  search_pattern      list of patterns to search additional translation files (support only json)
  *  --ignore            a pattern to ignore a path where search files (e.g ./node_modules)
  *  --outDir            output directory
- * 
+ *
  */
 
+const { argv } = yargs(hideBin(process.argv));
 
 // Transparently includes Richie default translation files to lighten command
 const LOCALES_PATTERN = path.resolve(__dirname, `./locales/*.json`);
 // Output directory
-const OUT_DIR = yargs.argv.outDir || path.resolve(__dirname, `../js/translations`);
+const OUT_DIR = argv.outDir || path.resolve(__dirname, `../js/translations`);
 
 
 (async () => {
-  const { ignore, _: patterns } = yargs.argv
+  const { ignore, _: patterns } = argv
   const filesPattern = [
     LOCALES_PATTERN,
     ...patterns.map((filepath) => path.resolve(process.cwd(), filepath))

package/i18n/locales/ar-SA.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"

package/i18n/locales/es-ES.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"

package/i18n/locales/fa-IR.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"

package/i18n/locales/fr-CA.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"

package/i18n/locales/fr-FR.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Valider"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Aller sur Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Achetez votre cours de formation en utilisant votre Compte Personnel de Formation (CPF) sur Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "Ces informations seront utilisées pour la facturation"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "Aucun paiement requis. Cette commande est entièrement prise en charge."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Paiement par carte bancaire"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "Mon Compte Formation (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Méthode de paiement"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Échéancier"
@@ -2397,7 +2417,7 @@
   },
   "components.SyllabusCourseRunCompacted.selfPaceCoursePeriod": {
     "description": "Course date of an opened and self paced course run block",
-    "message": "Du {endDate, select, undefined {} other {au {endDate}}}"
+    "message": "Jusqu'au {endDate, select, undefined {} other {{endDate}}}"
   },
   "components.SyllabusCourseRunCompacted.selfPaceNoEndDate": {
     "description": "Self paced course run block with no end date",

package/i18n/locales/ko-KR.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"

package/i18n/locales/pt-PT.json

@@ -25,47 +25,47 @@
   },
   "batchOrder.address": {
     "description": "Label for the field asking the company address",
-    "message": "Address"
+    "message": "Endereço"
   },
   "batchOrder.bankTransfer": {
     "description": "Option label for selecting bank transfer payment",
-    "message": "Bank transfer"
+    "message": "Transferência bancária"
   },
   "batchOrder.cardPayment": {
     "description": "Option label for selecting credit card payment",
-    "message": "Credit card"
+    "message": "Cartão de crédito"
   },
   "batchOrder.city": {
     "description": "Label for the field asking the city",
-    "message": "City"
+    "message": "Cidade"
   },
   "batchOrder.companyName": {
     "description": "Label for the field asking the name of the company",
-    "message": "Company name"
+    "message": "Nome da empresa"
   },
   "batchOrder.contactEmail": {
     "description": "Label for the field asking the billing contact email",
-    "message": "Contact email"
+    "message": "E-mail de contacto"
   },
   "batchOrder.contactName": {
     "description": "Label for the field asking the billing contact name",
-    "message": "Contact name"
+    "message": "Nome do contacto"
   },
   "batchOrder.country": {
     "description": "Label for the field asking the country",
-    "message": "Country"
+    "message": "País"
   },
   "batchOrder.email": {
     "description": "Label for the field asking the email address of the contact person",
-    "message": "Email"
+    "message": "E-mail"
   },
   "batchOrder.firstName": {
     "description": "Label for the field asking the first name of the contact person",
-    "message": "First name"
+    "message": "Nome próprio"
   },
   "batchOrder.fundingEntity": {
     "description": "Label for the field asking the type of funding entity",
-    "message": "Funding entity"
+    "message": "Entidade financiadora"
   },
   "batchOrder.fundingEntityAmount": {
     "description": "Label for the field asking the amount covered by the funding entity",
@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validar"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Calendário de pagamento"
@@ -2241,7 +2261,7 @@
   },
   "components.SubscriptionButton.errorBatchOrderMaxOrders": {
     "description": "Error message shown when batch order creation fails because maximum number of orders is reached by an active offering rule.",
-    "message": "Unable to create the order: the maximum number of available seats for this offering has been reached. Please contact support for more information."
+    "message": "Não foi possível criar a encomenda: foi atingido o número máximo de lugares disponíveis para esta oferta. Contacte o apoio ao cliente para obter mais informações."
   },
   "components.SubscriptionButton.errorDefault": {
     "description": "Error message shown when order creation request failed.",
@@ -2397,7 +2417,7 @@
   },
   "components.SyllabusCourseRunCompacted.selfPaceCoursePeriod": {
     "description": "Course date of an opened and self paced course run block",
-    "message": "Until {endDate, select, undefined {} other {{endDate}}}"
+    "message": "Até {endDate, select, undefined {} other {{endDate}}}"
   },
   "components.SyllabusCourseRunCompacted.selfPaceNoEndDate": {
     "description": "Self paced course run block with no end date",
@@ -2445,7 +2465,7 @@
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.agreements.label": {
     "description": "Label of the organization agreements view.",
-    "message": "Agreements"
+    "message": "Acordos"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.contracts.label": {
     "description": "Label of the organization contracts view.",
@@ -2481,7 +2501,7 @@
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.organization.quotes.label": {
     "description": "Label of the organization quotes view.",
-    "message": "Quotes"
+    "message": "Cotações"
   },
   "components.TeacherDashboard.TeacherDashboardRoutes.profile.courses.label": {
     "description": "Label of the teacher courses liste view.",
@@ -2673,7 +2693,7 @@
   },
   "hooks.useBatchOrders.errorCreate": {
     "description": "Error message shown when batch order creation fails.",
-    "message": "An error occurred while creating the batch order."
+    "message": "Ocorreu um erro ao criar a encomenda em lote."
   },
   "hooks.useCertificates.errorGet": {
     "description": "Error message shown to the user when certificates fetch request fails.",
@@ -2793,11 +2813,11 @@
   },
   "hooks.useOfferingOrganizations.errorNotFound": {
     "description": "Error message shown to the user when no organizations matches.",
-    "message": "Cannot find the organization"
+    "message": "Não é possível encontrar a organização"
   },
   "hooks.useOfferingOrganizations.errorSelect": {
     "description": "Error message shown to the user when organizations fetch request fails.",
-    "message": "An error occurred while fetching organizations. Please retry later."
+    "message": "Ocorreu um erro ao carregar as organizações. Por favor, tente novamente mais tarde."
   },
   "hooks.useOfferings.errorGet": {
     "description": "Error message shown to the user when offering fetch request fails.",
@@ -2845,7 +2865,7 @@
   },
   "hooks.useOrganizationsQuotes.errorGet": {
     "description": "Error message shown when batch order fetch fails.",
-    "message": "An error occurred while fetching the batch order."
+    "message": "Ocorreu um erro ao recuperar a encomenda em lote."
   },
   "hooks.useResources.errorCreate": {
     "description": "Error message shown to the user when resource creation request fails.",
@@ -3001,11 +3021,11 @@
   },
   "pages.TeacherDashboardOrganizationAgreementsLayout.pageTitle": {
     "description": "Use for the page title of the organization agreements",
-    "message": "Agreements"
+    "message": "Acordos"
   },
   "pages.TeacherDashboardOrganizationAgreementsLayout.signAllPendingAgreements": {
     "description": "Button to sign all pending agreements",
-    "message": "Sign all pending agreements ({ count })"
+    "message": "Assinar todos os acordos pendentes ({ count })"
   },
   "pages.TeacherDashboardOrganizationContractsLayout.columnLearnerName": {
     "description": "Label for learnerName column",
@@ -3029,7 +3049,7 @@
   },
   "pages.TeacherDashboardOrganizationQuotesLayout.pageTitle": {
     "description": "Use for the page title of the organization quotes",
-    "message": "Quotes"
+    "message": "Cotações"
   },
   "utils.ContractHelper.learnerHalfSigned": {
     "description": "Label for unsigned contract status in learner point of view",

package/i18n/locales/ru-RU.json

@@ -1911,6 +1911,14 @@
     "description": "Validate button for the credit card modal",
     "message": "Validate"
   },
+  "components.SaleTunnel.Information.cpf.buttonLabel": {
+    "description": "Label for the button redirecting to Mon Compte Formation",
+    "message": "Go to Mon Compte Formation"
+  },
+  "components.SaleTunnel.Information.cpf.description": {
+    "description": "Explanatory text for the CPF payment option",
+    "message": "Purchase your training course by using your Personal Training Account (CPF) on Mon Compte Formation."
+  },
   "components.SaleTunnel.Information.description": {
     "description": "Description of the information section",
     "message": "This information will be used for billing"
@@ -1951,6 +1959,18 @@
     "description": "Message displayed representing the payment schedule when the order is free.",
     "message": "No payment required. This order is fully covered."
   },
+  "components.SaleTunnel.Information.paymentMode.classic": {
+    "description": "Label for the classic card payment option",
+    "message": "Credit card payment"
+  },
+  "components.SaleTunnel.Information.paymentMode.cpf": {
+    "description": "Label for the CPF (Mon Compte Formation) payment option",
+    "message": "My Training Account (CPF)"
+  },
+  "components.SaleTunnel.Information.paymentMode.title": {
+    "description": "Title for the payment mode selection section",
+    "message": "Payment method"
+  },
   "components.SaleTunnel.Information.paymentSchedule": {
     "description": "Title for the payment schedule section",
     "message": "Payment schedule"