Prospect customer logs in and subscribes using Credit Card

This guide details the journey for a prospect customer logging in and subscribing using Credit Card. You'll find both the customer-facing flow and system-level sequence, complete with API endpoint paths and CRM/contract event mappings. Use it to align the UX journey with backend specifications — and contact us if you’d like enhanced Postman or Swagger definitions for integration testing.

Customer perspective

%%{init: {
"theme": "neutral",
"look": "classic"
}}%%
flowchart TD
    A([Start]) --> B[Get retailer access token]
    B --> C[Retrieve customer details]
    C --> D[Browse catalogue]
    D --> E[Initiate payment method]
    E --> F[Redirect to PSP for card entry and 3DS authentication]
    F --> G[Confirm payment method]
    G --> H[Add items to cart]
    H --> I[Checkout]
    I --> J([End])

System perspective

%%{init: {
"theme": "neutral",
"look": "classic"
}}%%
sequenceDiagram
    participant C as Customer
    participant W as Web
    participant ATS as AccessTokenService
    participant CMS as CustomerManagementService
    participant Cat as CatalogueService
    participant Pay as PaymentService
    participant PSP as PaymentServiceProvider
    participant Cart as CartService

    C->>W: Start
    W->>ATS: getRetailerAccessToken
    ATS-->>W: access token
    
    W->>CMS: getCustomerDetails
    CMS-->>W: customer details

    W->>Cat: getCatalogue
    Cat-->>W: catalogue items (filtered by country and itemType)

    W->>Pay: createPaymentMethod
    Pay-->>W: redirect required

    W->>PSP: Redirect customer to PSP
    C->>PSP: Enter card details & complete 3DS auth
    PSP-->>W: payment auth result
    W->>Pay: confirmPaymentMethod
    Pay-->>W: paymentMethodId

    W->>Cart: addItemsToCart
    Cart-->>W: items added

    W->>Cart: checkoutCart
    Cart-->>W: checkout complete

    W-->>C: End