richie-education 3.2.1-dev10 → 3.2.1-dev12

package/i18n/locales/ar-SA.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/es-ES.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/fa-IR.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/fr-CA.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/fr-FR.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Supprimer ce coupon"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Réduction appliquée"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "Le code promo saisi n’est pas valide."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Trop de tentatives. Veuillez réessayer plus tard."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "Si vous avez un coupon ou code promo, veuillez le saisir dans le champ ci-dessous."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Coupon / Code promo"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Valider"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "Université"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "Pour vous inscrire, vous serez d'abord invité à signer le contrat de formation, puis à définir un moyen de paiement."
+    "message": "Pour vous inscrire à la formation, vous serez d’abord invité à signer la convention de formation, puis à définir un mode de paiement si nécessaire."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/ko-KR.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/pt-PT.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Apagar este voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Desconto aplicado"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "O código do voucher enviado não é válido."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Tentativas excessivas. Por favor, tente novamente mais tarde."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "Se tiver um código promocional, insira-o no campo abaixo."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Código promocional"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validar"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "Universidade"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "Para se inscrever na formação, será primeiro convidado a assinar o acordo de formação e, em seguida, a definir um método de pagamento."
+    "message": "Para se inscrever na formação, primeiro será convidado a assinar o contrato de formação e, em seguida, a definir um método de pagamento, se necessário."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/ru-RU.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/i18n/locales/vi-VN.json

@@ -1391,6 +1391,34 @@
     "description": "Label for the total amount",
     "message": "Total"
   },
+  "components.SaleTunnel.Information.voucher.delete": {
+    "description": "Delete text for the voucher",
+    "message": "Delete this voucher"
+  },
+  "components.SaleTunnel.Information.voucher.discount": {
+    "description": "Discount description",
+    "message": "Discount applied"
+  },
+  "components.SaleTunnel.Information.voucher.errorInvalid": {
+    "description": "Error when voucher is invalid",
+    "message": "The submitted voucher code is not valid."
+  },
+  "components.SaleTunnel.Information.voucher.errorTooManyRequests": {
+    "description": "Error when user has tried too many vouchers",
+    "message": "Too many attempts. Please try again later."
+  },
+  "components.SaleTunnel.Information.voucher.info": {
+    "description": "Info for the voucher",
+    "message": "If you have a voucher code, please enter it in the field below."
+  },
+  "components.SaleTunnel.Information.voucher.title": {
+    "description": "Title for the voucher",
+    "message": "Voucher code"
+  },
+  "components.SaleTunnel.Information.voucher.validate": {
+    "description": "Validate text for the voucher",
+    "message": "Validate"
+  },
   "components.SaleTunnel.Sponsors.SaleTunnelSponsors.blockTitle": {
     "description": "Title for the universities section in the sale tunnel",
     "message": "University"
@@ -1409,7 +1437,7 @@
   },
   "components.SaleTunnel.SubscriptionButton.walkthroughToSignAndSavePayment": {
     "description": "Message explaining the subscription process with a training agreement to sign and a payment method to set.",
-    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method."
+    "message": "To enroll in the training, you will first be invited to sign the training agreement and then to define a payment method if required."
   },
   "components.SaleTunnel.WithdrawRightCheckbox.certificate .waiveCheckboxHelperClause2": {
     "description": "Second clause item for the waiver checkbox.",

package/js/components/SaleTunnel/SaleTunnelInformation/index.tsx

@@ -10,6 +10,7 @@ import useOpenEdxProfile from 'hooks/useOpenEdxProfile';
 import WithdrawRightCheckbox from 'components/SaleTunnel/WithdrawRightCheckbox';
 import { PaymentSchedule, ProductType } from 'types/Joanie';
 import { usePaymentPlan } from 'hooks/usePaymentPlan';
+import { HttpError } from 'utils/errors/HttpError';
 
 const messages = defineMessages({
   title: {
@@ -73,11 +74,16 @@ const messages = defineMessages({
     description: 'Delete text for the voucher',
     defaultMessage: 'Delete this voucher',
   },
-  voucherError: {
-    id: 'components.SaleTunnel.Information.voucher.error',
+  voucherErrorInvalid: {
+    id: 'components.SaleTunnel.Information.voucher.errorInvalid',
     description: 'Error when voucher is invalid',
     defaultMessage: 'The submitted voucher code is not valid.',
   },
+  voucherErrorTooManyRequests: {
+    id: 'components.SaleTunnel.Information.voucher.errorTooManyRequests',
+    description: 'Error when user has tried too many vouchers',
+    defaultMessage: 'Too many attempts. Please try again later.',
+  },
   discount: {
     id: 'components.SaleTunnel.Information.voucher.discount',
     description: 'Discount description',
@@ -87,7 +93,7 @@ const messages = defineMessages({
 
 export const SaleTunnelInformation = () => {
   const { props, product, voucherCode, setVoucherCode } = useSaleTunnelContext();
-  const [voucherError, setVoucherError] = useState(false);
+  const [voucherError, setVoucherError] = useState<HttpError | null>(null);
   const query = usePaymentPlan({
     course_code: props.course?.code ?? props.enrollment!.course_run.course.code,
     product_id: props.product.id,
@@ -106,7 +112,7 @@ export const SaleTunnelInformation = () => {
   useEffect(() => {
     if (query.error && voucherCode) {
       setVoucherCode('');
-      setVoucherError(true);
+      setVoucherError(query.error);
     }
   }, [query.error, voucherCode, setVoucherCode]);
 
@@ -205,15 +211,15 @@ const Voucher = ({
   setVoucherError,
 }: {
   discount?: string;
-  voucherError: boolean;
-  setVoucherError: (value: boolean) => void;
+  voucherError: HttpError | null;
+  setVoucherError: (value: HttpError | null) => void;
 }) => {
   const intl = useIntl();
   const { voucherCode, setVoucherCode } = useSaleTunnelContext();
   const [voucher, setVoucher] = useState('');
   const handleVoucher = (e: ChangeEvent<HTMLInputElement>) => setVoucher(e.target.value);
   const submitVoucher = () => {
-    setVoucherError(false);
+    setVoucherError(null);
     setVoucherCode(voucher);
     setVoucher('');
   };
@@ -261,7 +267,11 @@ const Voucher = ({
       )}
       {voucherError && (
         <Alert type={VariantType.ERROR} className="mt-s">
-          <FormattedMessage {...messages.voucherError} />
+          {voucherError.code === 429 ? (
+            <FormattedMessage {...messages.voucherErrorTooManyRequests} />
+          ) : (
+            <FormattedMessage {...messages.voucherErrorInvalid} />
+          )}
         </Alert>
       )}
     </div>

package/js/components/SaleTunnel/index.spec.tsx

@@ -690,9 +690,13 @@ describe.each([
     });
   });
 
-  it('should show an error when submit an invalid voucher', async () => {
+  it('should show appropriate error messages for invalid vouchers', async () => {
     const user = userEvent.setup({ delay: null });
     const paymentPlan = PaymentPlanFactory().one();
+    const paymentPlanVoucher = PaymentPlanFactory({
+      discounted_price: 70,
+      discount: '-30%',
+    }).one();
     const product = ProductFactory().one();
     fetchMock
       .get(
@@ -711,6 +715,19 @@ describe.each([
             detail: 'No Voucher matches the given query.',
           },
         },
+      )
+      .get(
+        `https://joanie.endpoint/api/v1.0/courses/${course.code}/products/${product.id}/payment-plan/?voucher_code=DISCOUNT29`,
+        {
+          status: 429,
+          body: {
+            detail: 'Too many attempts. Please try again later.',
+          },
+        },
+      )
+      .get(
+        `https://joanie.endpoint/api/v1.0/courses/${course.code}/products/${product.id}/payment-plan/?voucher_code=DISCOUNT10`,
+        paymentPlanVoucher,
       );
     render(<Wrapper paymentPlan={paymentPlan} product={product} isWithdrawable={true} />, {
       queryOptions: { client: createTestQueryClient({ user: richieUser }) },
@@ -719,5 +736,13 @@ describe.each([
     await user.type(screen.getByLabelText('Voucher code'), 'DISCOUNT30');
     await user.click(screen.getByRole('button', { name: 'Validate' }));
     expect(await screen.findByText('The submitted voucher code is not valid.')).toBeInTheDocument();
+    await user.type(screen.getByLabelText('Voucher code'), 'DISCOUNT29');
+    await user.click(screen.getByRole('button', { name: 'Validate' }));
+    expect(
+      await screen.findByText('Too many attempts. Please try again later.'),
+    ).toBeInTheDocument();
+    await user.type(screen.getByLabelText('Voucher code'), 'DISCOUNT10');
+    await user.click(screen.getByRole('button', { name: 'Validate' }));
+    expect(await screen.findByText('Discount applied')).toBeInTheDocument();
   });
 });

package/js/hooks/usePaymentPlan.tsx

@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useJoanieApi } from 'contexts/JoanieApiContext';
 import { PaymentPlan } from 'types/Joanie';
 import { Nullable } from 'types/utils';
+import { HttpError } from 'utils/errors/HttpError';
 
 type PaymentPlanFilters = {
   course_code: string;
@@ -13,7 +14,7 @@ export const usePaymentPlan = (filters: PaymentPlanFilters) => {
   const queryKey = ['courses-products', ...Object.values(filters), 'payment-plan'];
 
   const api = useJoanieApi();
-  return useQuery<Nullable<PaymentPlan>, Error>({
+  return useQuery<Nullable<PaymentPlan>, HttpError>({
     queryKey,
     queryFn: () =>
       api.courses.products.paymentPlan.get({