[front] Site Membership purchase flow #6149

Ticket(s) / Related Merge Requests

• Issue card: #6149 (closed)
• Engine MR: engine!1586 (closed)

Summary of Changes

Add tenant network memberships page, where a user can join and cancel membership plans.

Testing Considerations

Tenant network: https://ben.oke.minds.io/

You will need to use the root admin user to add and remove memberships.

Logged in:

• /memberships route redirects when a tenant network has no memberships.
• On the first membership creation, the memberships option appears in the sidebar.
• When the last membership, is archived, the memberships option disappears from the sidebar.
• Test multiple cards display properly on the membership tab in UI (subtle deviations from design here have been agreed with @mwrobs)
• I can buy a recurring membership, after doing so I see a manage plan option.
• I can buy a one-time membership, after doing so I see a purchased button with no manage plan (as there is nothing to cancel).
• On manage plan click, I can cancel a plan.
• On re-clicking to manage plan after cancellation, an error will be shown via a toaster.

Logged out:

• On login from clicking a purchase button, i am navigated to buy the membership I clicked, if I do not already have it.
• On login from clicking a purchase button, i am NOT navigated to buy the membership I clicked, if I DO already have it.
• On register from clicking a purchase button, i am navigated to buy following onboarding.

Deployment Considerations

Make sure to add new tables in MySQL provisioner.

Regression Scope

Mostly additive changes to add join memberships functionality to tenant networks.

Platform Affected (web, mobile, etc)

Web, engine.

Developer Testing Completed

Manual, unit (karma/jasmine/karma)

Screenshots / Screen Recording

Logged in:

/memberships route redirects when a tenant network has no memberships.

simplescreenrecorder-2024-02-12_15.41.00

On the first membership creation, the memberships option appears in the sidebar. When the last membership, is archived, the memberships option disappears from the sidebar.

simplescreenrecorder-2024-02-12_15.43.55

Test multiple cards display properly on the membership tab in UI (subtle deviations from design here have been agreed with @mwrobs)

simplescreenrecorder-2024-02-12_15.48.33

I can buy a recurring membership, after doing so I see a manage plan option.

simplescreenrecorder-2024-02-12_15.49.10

I can buy a one-time membership, after doing so I see a purchased button with no manage plan (as there is nothing to cancel).

simplescreenrecorder-2024-02-12_15.49.52

On manage plan click, I can cancel a plan.

simplescreenrecorder-2024-02-12_15.52.23

On re-clicking to manage plan after cancellation, an error will be shown via a toaster.

simplescreenrecorder-2024-02-12_15.53.04

Logged out:

On login from clicking a purchase button, I am navigated to buy the membership I clicked, if I do not already have it.

simplescreenrecorder-2024-02-12_15.55.25

On login from clicking a purchase button, I am NOT navigated to buy the membership I clicked, if I DO already have it.

simplescreenrecorder-2024-02-12_15.54.47

On register from clicking a purchase button, I am navigated to buy the following onboarding.

simplescreenrecorder-2024-02-12_15.57.14

Does this impact

• Localization
• Dark/light mode
• Guest mode

Definition of Done Checklist

• The Acceptance Criteria has been met
• Code is tested: Testing includes unit/spec, E2E/automated and manual testing
• Merge requests description has been filled out