Prospect customer logs in and subscribes using Direct Debit

This guide details the journey for a prospect customer logging in and subscribing using Direct Debit. 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[Create payment method]
    E --> F[Add items to cart]
    F --> G[Checkout]
    G --> H([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 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: payment method created

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

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

    W-->>C: End