richie-education 2.28.2-dev26 → 2.28.2-dev53

package/js/pages/TeacherDashboardContractsLayout/components/ContractActionsBar/index.spec.tsx

@@ -3,6 +3,7 @@ import { render, screen } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
 import { PropsWithChildren } from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
+import { CunninghamProvider } from '@openfun/cunningham-react';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import JoanieApiProvider from 'contexts/JoanieApiContext';
 
@@ -50,11 +51,13 @@ jest.mock('pages/TeacherDashboardContractsLayout/hooks/useHasContractToDownload/
 describe('TeacherDashboardContractsLayout/ContractActionsBar', () => {
   const Wrapper = ({ children }: PropsWithChildren) => {
     return (
-      <IntlProvider locale="en">
-        <QueryClientProvider client={createTestQueryClient({ user: true })}>
-          <JoanieApiProvider>{children}</JoanieApiProvider>
-        </QueryClientProvider>
-      </IntlProvider>
+      <CunninghamProvider>
+        <IntlProvider locale="en">
+          <QueryClientProvider client={createTestQueryClient({ user: true })}>
+            <JoanieApiProvider>{children}</JoanieApiProvider>
+          </QueryClientProvider>
+        </IntlProvider>
+      </CunninghamProvider>
     );
   };
 

package/js/pages/TeacherDashboardContractsLayout/components/SignOrganizationContractButton/index.spec.tsx

@@ -5,6 +5,7 @@ import { IntlProvider } from 'react-intl';
 import { QueryClientProvider } from '@tanstack/react-query';
 import fetchMock from 'fetch-mock';
 import userEvent from '@testing-library/user-event';
+import { CunninghamProvider } from '@openfun/cunningham-react';
 import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
 import JoanieApiProvider from 'contexts/JoanieApiContext';
 import { createTestQueryClient } from 'utils/test/createTestQueryClient';
@@ -21,11 +22,13 @@ jest.mock('utils/context', () => ({
 describe('TeacherDashboardContractsLayout/SignOrganizationContractButton', () => {
   const Wrapper = ({ children }: PropsWithChildren) => {
     return (
-      <IntlProvider locale="en">
-        <QueryClientProvider client={createTestQueryClient({ user: true })}>
-          <JoanieApiProvider>{children}</JoanieApiProvider>
-        </QueryClientProvider>
-      </IntlProvider>
+      <CunninghamProvider>
+        <IntlProvider locale="en">
+          <QueryClientProvider client={createTestQueryClient({ user: true })}>
+            <JoanieApiProvider>{children}</JoanieApiProvider>
+          </QueryClientProvider>
+        </IntlProvider>
+      </CunninghamProvider>
     );
   };
 
@@ -46,8 +49,6 @@ describe('TeacherDashboardContractsLayout/SignOrganizationContractButton', () =>
     expect(
       screen.getByRole('button', { name: 'Sign all pending contracts (12)' }),
     ).toBeInTheDocument();
-    const DashboardContractFramePortal = document.getElementsByClassName('ReactModalPortal');
-    expect(DashboardContractFramePortal).toHaveLength(1);
   });
 
   it("shouldn't display sign button user don't have some contract to sign", () => {
@@ -63,8 +64,6 @@ describe('TeacherDashboardContractsLayout/SignOrganizationContractButton', () =>
     expect(
       screen.queryByRole('button', { name: /Sign all pending contracts/ }),
     ).not.toBeInTheDocument();
-    const DashboardContractFramePortal = document.getElementsByClassName('ReactModalPortal');
-    expect(DashboardContractFramePortal).toHaveLength(1);
   });
 
   it.each([

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

@@ -14,7 +14,7 @@ import CourseLearnerDataGrid from '.';
 describe('pages/CourseLearnerDataGrid', () => {
   it('should render a list of user', async () => {
     const courseOrderList = NestedCourseOrderFactory({
-      state: OrderState.VALIDATED,
+      state: OrderState.COMPLETED,
       certificate_id: faker.string.uuid(),
     }).many(3);
     render(

package/js/pages/TeacherDashboardCourseLearnersLayout/components/CourseLearnerDataGrid/index.tsx

@@ -74,12 +74,7 @@ const CourseLearnerDataGrid = ({
       headerName: intl.formatMessage(messages.columnState),
       enableSorting: false,
       renderCell: (params: { row: Row }) => {
-        return (
-          <OrderStateTeacherMessage
-            order={params.row.courseOrder}
-            contractDefinition={params.row.courseOrder.product.contract_definition_id}
-          />
-        );
+        return <OrderStateTeacherMessage order={params.row.courseOrder} />;
       },
     },
     {

package/js/settings/settings.test.ts

@@ -1,5 +1,5 @@
-// This confiuration file is used for testing.
-// Mostly usefull to test our test tools.
+// This configuration file is used for testing.
+// Mostly useful to test our test tools.
 import { DevDemoUser } from 'api/lms/dummy';
 
 /**
@@ -14,3 +14,12 @@ import { DevDemoUser } from 'api/lms/dummy';
  *  * student_user
  */
 export const CURRENT_JOANIE_DEV_DEMO_USER: DevDemoUser = 'admin';
+
+export const CONTRACT_SETTINGS = {
+  // Interval in ms to poll the related order when a signature has succeeded.
+  pollInterval: 150,
+  // Number of retries
+  pollLimit: 45,
+  // Simulated sign request delay
+  dummySignatureSignTimeout: 100,
+};

package/js/types/Joanie.ts

@@ -259,14 +259,42 @@ export interface EnrollmentLight {
 
 // Order
 export enum OrderState {
-  DRAFT = 'draft',
-  SUBMITTED = 'submitted',
+  ASSIGNED = 'assigned',
   CANCELED = 'canceled',
+  COMPLETED = 'completed',
+  DRAFT = 'draft',
+  FAILED_PAYMENT = 'failed_payment',
+  NO_PAYMENT = 'no_payment',
   PENDING = 'pending',
-  VALIDATED = 'validated',
-}
-
-export const ACTIVE_ORDER_STATES = [OrderState.PENDING, OrderState.VALIDATED, OrderState.SUBMITTED];
+  PENDING_PAYMENT = 'pending_payment',
+  SIGNING = 'signing',
+  TO_SAVE_PAYMENT_METHOD = 'to_save_payment_method',
+  TO_SIGN = 'to_sign',
+}
+
+export const PURCHASABLE_ORDER_STATES = [
+  OrderState.DRAFT,
+  OrderState.ASSIGNED,
+  OrderState.TO_SIGN,
+  OrderState.SIGNING,
+  OrderState.TO_SAVE_PAYMENT_METHOD,
+];
+
+export const ACTIVE_ORDER_STATES = [
+  OrderState.PENDING,
+  OrderState.PENDING_PAYMENT,
+  OrderState.NO_PAYMENT,
+  OrderState.FAILED_PAYMENT,
+  OrderState.COMPLETED,
+];
+
+export const NOT_CANCELED_ORDER_STATES = [...ACTIVE_ORDER_STATES, ...PURCHASABLE_ORDER_STATES];
+
+export const ENROLLABLE_ORDER_STATES = [
+  OrderState.COMPLETED,
+  OrderState.PENDING_PAYMENT,
+  OrderState.FAILED_PAYMENT,
+];
 
 export interface Order {
   id: string;
@@ -286,6 +314,8 @@ export interface Order {
   organization_id: Organization['id'];
   organization: Organization;
   order_group_id?: OrderGroup['id'];
+  payment_schedule?: PaymentSchedule;
+  credit_card_id?: CreditCard['id'];
 }
 
 export interface CredentialOrder extends Order {
@@ -293,20 +323,12 @@ export interface CredentialOrder extends Order {
   enrollment: null;
 }
 
-export interface CredentialOrderWithPaymentInfo extends CredentialOrder {
-  payment_info: Payment;
-}
-
 export interface CertificateOrder extends Order {
   course: null;
   enrollment: EnrollmentLight;
   target_courses: never[];
 }
 
-export interface CertificateOrderWithPaymentInfo extends CertificateOrder {
-  payment_info: Payment;
-}
-
 export type OrderLite = Pick<
   Order,
   | 'id'
@@ -325,9 +347,11 @@ export interface AbstractNestedOrder {
   product_title: string;
   owner_name: string;
   state: OrderState;
+  course: Nullable<CourseLight>;
+  enrollment: Nullable<EnrollmentLight>;
 }
 export interface NestedCertificateOrder extends AbstractNestedOrder {
-  course: undefined;
+  course: null;
   enrollment: EnrollmentLight;
 }
 export const isNestedCredentialOrder = (
@@ -338,7 +362,7 @@ export const isNestedCredentialOrder = (
 
 export interface NestedCredentialOrder extends AbstractNestedOrder {
   course: CourseLight;
-  enrollment: undefined;
+  enrollment: null;
 }
 
 export type OrderEnrollment = Pick<Order, 'id' | 'state' | 'product_id' | 'certificate_id'>;
@@ -372,10 +396,10 @@ export interface OrderGroup {
 }
 
 export enum CreditCardBrand {
-  MASTERCARD = 'Mastercard',
-  MAESTRO = 'Maestro',
-  VISA = 'Visa',
-  CB = 'CB',
+  MASTERCARD = 'mastercard',
+  MAESTRO = 'maestro',
+  VISA = 'visa',
+  CB = 'cb',
 }
 
 // Credit Card
@@ -416,6 +440,22 @@ export interface OrderPaymentInfo {
   payment_info: Payment;
 }
 
+export enum PaymentScheduleState {
+  PENDING = 'pending',
+  PAID = 'paid',
+  REFUSED = 'refused',
+}
+
+export interface PaymentInstallment {
+  id: string;
+  amount: number;
+  currency: string;
+  due_date: string;
+  state: PaymentScheduleState;
+}
+
+export type PaymentSchedule = readonly PaymentInstallment[];
+
 // - API
 export interface AddressCreationPayload extends Omit<Address, 'id' | 'is_main'> {
   is_main?: boolean;
@@ -424,7 +464,7 @@ export interface AddressCreationPayload extends Omit<Address, 'id' | 'is_main'>
 interface AbstractOrderProductCreationPayload {
   product_id: Product['id'];
   order_group_id?: OrderGroup['id'];
-  has_consent_to_terms: boolean;
+  billing_address: Omit<Address, 'id' | 'is_main'>;
 }
 
 interface OrderCertificateCreationPayload extends AbstractOrderProductCreationPayload {
@@ -436,15 +476,13 @@ export interface OrderCredentialCreationPayload extends AbstractOrderProductCrea
 
 export type OrderCreationPayload = OrderCertificateCreationPayload | OrderCredentialCreationPayload;
 
-interface OrderAbortPayload {
-  id: Order['id'];
-  payment_id?: string;
-}
+export type OrderSubmitInstallmentPayment = {
+  credit_card_id?: string;
+};
 
-interface OrderSubmitPayload {
+interface OrderSetPaymentMethodPayload {
   id: Order['id'];
-  billing_address: Omit<Address, 'id' | 'is_main'>;
-  credit_card_id?: CreditCard['id'];
+  credit_card_id: CreditCard['id'];
 }
 
 export interface PaginatedResourceQuery extends ResourcesQuery {
@@ -539,14 +577,15 @@ interface APIUser {
     update(payload: Address): Promise<Address>;
   };
   creditCards: {
-    create(payload: Omit<CreditCard, 'id'>): Promise<CreditCard>;
     delete(id: CreditCard['id']): Promise<void>;
+    get(): Promise<PaginatedResponse<CreditCard>>;
     get(filters?: ResourcesQuery): Promise<CreditCard>;
     get(): Promise<CreditCard[]>;
     update(payload: CreditCard): Promise<CreditCard>;
+    tokenize(): Promise<Payment>;
   };
   orders: {
-    abort(payload: OrderAbortPayload): Promise<void>;
+    cancel(id: Order['id']): Promise<void>;
     create(payload: OrderCreationPayload): Promise<CredentialOrder | CertificateOrder>;
     get<Filters extends OrderResourcesQuery = OrderResourcesQuery>(
       filters?: Filters,
@@ -556,8 +595,12 @@ interface APIUser {
     invoice: {
       download(payload: { order_id: Order['id']; invoice_reference: string }): Promise<File>;
     };
-    submit(payload: OrderSubmitPayload): Promise<OrderPaymentInfo>;
     submit_for_signature(id: string): Promise<ContractInvitationLinkResponse>;
+    submit_installment_payment(
+      id: string,
+      payload?: OrderSubmitInstallmentPayment,
+    ): Promise<Payment>;
+    set_payment_method(payload: OrderSetPaymentMethodPayload): Promise<void>;
   };
   certificates: {
     download(id: string): Promise<File>;
@@ -614,6 +657,9 @@ export interface API {
       : Promise<PaginatedResponse<CourseListItem>>;
     products: {
       get(filters?: CourseProductQueryFilters): Promise<Nullable<CourseProductRelation>>;
+      paymentSchedule: {
+        get(filters?: CourseProductQueryFilters): Promise<Nullable<PaymentSchedule>>;
+      };
     };
     orders: {
       get(

package/js/utils/OrderHelper/index.ts

@@ -1,49 +1,52 @@
 import {
-  OrderEnrollment,
   ACTIVE_ORDER_STATES,
+  ENROLLABLE_ORDER_STATES,
+  NestedCourseOrder,
   Order,
+  OrderEnrollment,
   OrderState,
-  ContractDefinition,
-  NestedCourseOrder,
+  PaymentScheduleState,
 } from 'types/Joanie';
 
 export enum OrderStatus {
+  ASSIGNED = 'assigned',
+  CANCELED = 'canceled',
+  COMPLETED = 'completed',
   DRAFT = 'draft',
-  SUBMITTED = 'submitted',
+  FAILED_PAYMENT = 'failed_payment',
+  NO_PAYMENT = 'no_payment',
+  PASSED = 'passed',
   PENDING = 'pending',
-  CANCELED = 'canceled',
-  WAITING_SIGNATURE = 'waiting_signature',
+  PENDING_PAYMENT = 'pending_payment',
   WAITING_COUNTER_SIGNATURE = 'waiting_counter_signature',
-  COMPLETED = 'completed',
-  ON_GOING = 'on_going',
+  WAITING_PAYMENT_METHOD = 'waiting_payment_method',
+  WAITING_SIGNATURE = 'waiting_signature',
 }
 
 /**
  * Helper class for orders
  */
 export class OrderHelper {
-  static getState(order: Order | NestedCourseOrder, contractDefinition?: ContractDefinition) {
-    const { certificate_id: certificateId } = order;
-
-    if (order.state === OrderState.VALIDATED) {
-      if (OrderHelper.orderNeedsSignature(order, contractDefinition)) {
-        return OrderStatus.WAITING_SIGNATURE;
-      }
-      if (OrderHelper.orderNeedsCounterSignature(order)) {
-        return OrderStatus.WAITING_COUNTER_SIGNATURE;
-      }
-      if (certificateId) {
-        return OrderStatus.COMPLETED;
-      } else {
-        return OrderStatus.ON_GOING;
-      }
+  static getState(order: Order | NestedCourseOrder) {
+    if (OrderHelper.allowEnrollment(order) && OrderHelper.orderNeedsCounterSignature(order)) {
+      return OrderStatus.WAITING_COUNTER_SIGNATURE;
+    }
+    if (order.state === OrderState.COMPLETED && order.certificate_id) {
+      return OrderStatus.PASSED;
     }
 
     const orderStatusMap = {
+      [OrderState.ASSIGNED]: OrderStatus.ASSIGNED,
+      [OrderState.CANCELED]: OrderStatus.CANCELED,
+      [OrderState.COMPLETED]: OrderStatus.COMPLETED,
       [OrderState.DRAFT]: OrderStatus.DRAFT,
-      [OrderState.SUBMITTED]: OrderStatus.SUBMITTED,
+      [OrderState.FAILED_PAYMENT]: OrderStatus.FAILED_PAYMENT,
+      [OrderState.NO_PAYMENT]: OrderStatus.NO_PAYMENT,
       [OrderState.PENDING]: OrderStatus.PENDING,
-      [OrderState.CANCELED]: OrderStatus.CANCELED,
+      [OrderState.PENDING_PAYMENT]: OrderStatus.PENDING_PAYMENT,
+      [OrderState.SIGNING]: OrderStatus.WAITING_SIGNATURE,
+      [OrderState.TO_SAVE_PAYMENT_METHOD]: OrderStatus.WAITING_PAYMENT_METHOD,
+      [OrderState.TO_SIGN]: OrderStatus.WAITING_SIGNATURE,
     };
 
     if (order.state in orderStatusMap) {
@@ -62,18 +65,8 @@ export class OrderHelper {
     return orders.find(filter);
   }
 
-  /**
-   * tell us if a order need to be sign by it's owner (the learner user).
-   */
-  static orderNeedsSignature(
-    order: Order | NestedCourseOrder,
-    contractDefinition?: ContractDefinition,
-  ) {
-    return (
-      order?.state === OrderState.VALIDATED &&
-      contractDefinition &&
-      !(order.contract && order.contract.student_signed_on)
-    );
+  static orderNeedsSignature(order: Order | NestedCourseOrder) {
+    return [OrderState.TO_SIGN, OrderState.SIGNING].includes(order.state);
   }
 
   /**
@@ -81,10 +74,26 @@ export class OrderHelper {
    */
   static orderNeedsCounterSignature(order: Order | NestedCourseOrder) {
     return (
-      order?.state === OrderState.VALIDATED &&
+      ACTIVE_ORDER_STATES.includes(order.state) &&
       order.contract &&
       order.contract.student_signed_on &&
       !order.contract.organization_signed_on
     );
   }
+
+  static getFailedInstallment(order: Order) {
+    return order.payment_schedule?.find(
+      (installment) => installment.state === PaymentScheduleState.REFUSED,
+    );
+  }
+
+  static allowEnrollment(order?: Order | NestedCourseOrder | OrderEnrollment) {
+    if (!order) return false;
+    return ENROLLABLE_ORDER_STATES.includes(order.state);
+  }
+
+  static isActive(order?: Order | NestedCourseOrder | OrderEnrollment) {
+    if (!order) return false;
+    return ACTIVE_ORDER_STATES.includes(order.state);
+  }
 }

package/js/utils/test/factories/joanie.ts

@@ -4,45 +4,48 @@ import {
   Address,
   Certificate,
   CertificateDefinition,
-  CourseListItem,
+  CertificateOrder,
+  CertificateProduct,
+  Contract,
+  ContractDefinition,
+  ContractLight,
   CourseLight,
+  CourseListItem,
   CourseProduct,
   CourseProductRelation,
   CourseRun,
+  CredentialOrder,
+  CredentialProduct,
   CreditCard,
   CreditCardBrand,
+  DefinitionResourcesProduct,
   Enrollment,
+  EnrollmentLight,
   EnrollmentState,
+  JoanieFile,
+  NestedCertificateOrder,
+  NestedCourseOrder,
+  NestedCredentialOrder,
+  Order,
+  OrderEnrollment,
+  OrderGroup,
+  PaymentInstallment,
   OrderLite,
   OrderState,
   Organization,
   OrganizationLight,
+  PaymentScheduleState,
   ProductType,
   TargetCourse,
-  JoanieFile,
-  Contract,
-  OrderEnrollment,
-  ContractDefinition,
-  NestedCredentialOrder,
-  NestedCertificateOrder,
-  Order,
-  CertificateOrder,
-  CredentialOrder,
-  CertificateOrderWithPaymentInfo,
-  CredentialOrderWithPaymentInfo,
-  EnrollmentLight,
-  OrderGroup,
-  CertificateProduct,
-  CredentialProduct,
-  NestedCourseOrder,
   UserLight,
-  ContractLight,
-  DefinitionResourcesProduct,
 } from 'types/Joanie';
 import { Payment, PaymentProviders } from 'components/PaymentInterfaces/types';
 import { CourseStateFactory } from 'utils/test/factories/richie';
 import { FactoryHelper } from 'utils/test/factories/helper';
 import { JoanieUserApiAbilityActions, JoanieUserProfile } from 'types/User';
+import { SaleTunnelContextType, SaleTunnelStep } from 'components/SaleTunnel/GenericSaleTunnel';
+import { SaleTunnelProps } from 'components/SaleTunnel';
+import { noop } from 'utils/index';
 import { factory } from './factories';
 
 export const UserLightFactory = factory((): UserLight => {
@@ -138,7 +141,7 @@ export const ContractFactory = factory((): Contract => {
     organization_signatory: null,
     created_on: faker.date.past().toISOString(),
     definition: ContractDefinitionFactory().one(),
-    order: NestedCredentialOrderFactory().one(),
+    order: NestedCredentialOrderFactory({ state: OrderState.TO_SIGN }).one(),
   };
 });
 
@@ -312,7 +315,7 @@ export const NestedCourseOrderFactory = factory((): NestedCourseOrder => {
     owner: UserLightFactory().one(),
     course_id: faker.string.uuid(),
     product_id: faker.string.uuid(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
     enrollment_id: faker.string.uuid(),
     organization: OrganizationFactory().one(),
     certificate_id: faker.string.uuid(),
@@ -347,11 +350,21 @@ export const CourseListItemFactory = factory((): CourseListItem => {
   };
 });
 
+export const PaymentInstallmentFactory = factory((): PaymentInstallment => {
+  return {
+    id: faker.string.uuid(),
+    currency: faker.finance.currencyCode(),
+    amount: faker.number.int(),
+    due_date: faker.date.future().toISOString(),
+    state: PaymentScheduleState.PAID,
+  };
+});
+
 export const OrderEnrollmentFactory = factory((): OrderEnrollment => {
   return {
     id: faker.string.uuid(),
     product_id: faker.string.uuid(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
   };
 });
 
@@ -363,19 +376,19 @@ export const OrderLiteFactory = factory((): OrderLite => {
     main_invoice_reference: faker.string.uuid(),
     total: faker.number.int(),
     product_id: faker.string.uuid(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
   };
 });
 
 export const NestedCertificateOrderFactory = factory((): NestedCertificateOrder => {
   return {
     id: faker.string.uuid(),
-    course: undefined,
+    course: null,
     enrollment: EnrollmentLightFactory().one(),
     organization: OrganizationFactory().one(),
     product_title: FactoryHelper.unique(faker.lorem.words, { args: [1] }),
     owner_name: faker.internet.userName(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
   };
 });
 
@@ -383,11 +396,11 @@ export const NestedCredentialOrderFactory = factory((): NestedCredentialOrder =>
   return {
     id: faker.string.uuid(),
     course: CourseLightFactory().one(),
-    enrollment: undefined,
+    enrollment: null,
     organization: OrganizationFactory().one(),
     product_title: FactoryHelper.unique(faker.lorem.words, { args: [1] }),
     owner_name: faker.internet.userName(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
   };
 });
 
@@ -399,7 +412,7 @@ const AbstractOrderFactory = factory((): Order => {
     total: faker.number.int(),
     total_currency: faker.finance.currencyCode(),
     main_invoice_reference: faker.string.uuid(),
-    state: OrderState.VALIDATED,
+    state: OrderState.COMPLETED,
     product_id: faker.string.uuid(),
     target_courses: TargetCourseFactory().many(5),
     target_enrollments: [],
@@ -410,55 +423,22 @@ const AbstractOrderFactory = factory((): Order => {
   };
 });
 
-export const CredentialOrderFactory = factory((): CredentialOrder => {
-  const order = {
+export const CredentialOrderFactory = factory(
+  (): CredentialOrder => ({
     ...AbstractOrderFactory().one(),
     course: CourseLightFactory().one(),
     enrollment: null,
-  };
-  return order;
-});
-
-export const CredentialOrderWithPaymentFactory = factory((): CredentialOrderWithPaymentInfo => {
-  return {
-    ...CredentialOrderFactory().one(),
-    payment_info: PaymentFactory().one(),
-  };
-});
-
-export const CredentialOrderWithOneClickPaymentFactory = factory(
-  (): CredentialOrderWithPaymentInfo => {
-    return {
-      ...CredentialOrderFactory().one(),
-      payment_info: PaymentFactory().one(),
-    };
-  },
+    payment_schedule: PaymentInstallmentFactory().many(3),
+  }),
 );
 
-export const CertificateOrderFactory = factory((): CertificateOrder => {
-  const order = {
+export const CertificateOrderFactory = factory(
+  (): CertificateOrder => ({
     ...AbstractOrderFactory().one(),
     course: null,
     target_courses: [],
     enrollment: EnrollmentLightFactory().one(),
-  };
-  return order;
-});
-
-export const CertificateOrderWithPaymentFactory = factory((): CertificateOrderWithPaymentInfo => {
-  return {
-    ...CertificateOrderFactory().one(),
-    payment_info: PaymentFactory().one(),
-  };
-});
-
-export const CertificateOrderWithOneClickPaymentFactory = factory(
-  (): CertificateOrderWithPaymentInfo => {
-    return {
-      ...CertificateOrderFactory().one(),
-      payment_info: PaymentFactory().one(),
-    };
-  },
+  }),
 );
 
 export const AddressFactory = factory((): Address => {
@@ -494,3 +474,21 @@ export const PaymentFactory = factory((): Payment => {
     url: faker.internet.url(),
   };
 });
+
+export const SaleTunnelContextFactory = factory(
+  (): SaleTunnelContextType => ({
+    webAnalyticsEventKey: 'eventKey',
+    order: CredentialOrderFactory().one(),
+    product: ProductFactory().one(),
+    props: {} as SaleTunnelProps,
+    billingAddress: undefined,
+    setBillingAddress: noop,
+    setCreditCard: noop,
+    onPaymentSuccess: noop,
+    step: SaleTunnelStep.IDLE,
+    registerSubmitCallback: noop,
+    unregisterSubmitCallback: noop,
+    runSubmitCallbacks: () => new Promise((resolve) => resolve()),
+    nextStep: noop,
+  }),
+);