Cancellation Flow

Entering the flow

Following members-data-api/pull/459 we now get a new top level object with key selfServiceCancellation on our ProductDetail type, for example...

... which we use to drive...

• CancellationCTA component (part of manageProduct.tsx) which, depending on what we get from the API, shows either...

...OR...

...OR nothing if the sub is already cancelled.

Step 1 : cancellationFlow.tsx : /cancel/{urlPart of product}

The above CTAs both link to cancellation flow regardless and then depending on selfServiceCancellation and whether cancellation is configured for the given ProductType in productTypes.tsx, it will EITHER show...

• a ContactUsToCancel component which displays contact details (filtered by the properties in the new selfServiceCancellation from the API) - see manage-frontend/pull/444. User cannot progress from this point, they can only return to account overview.

• actual step 1/3 of the self-service cancellation flow, containing...

  • the component specified in cancellation.startPageBody of the given ProductType (e.g. membershipCancellationFlowStart.tsx