Draft: New HPM

What does this MR do and why?

Describe in detail what your merge request does and why.

Relates to gitlab-org/gitlab#357156

Screenshots or screen recordings

These are strongly recommended to assist reviewers and reduce the time to merge your change.

How to set up and validate locally

Set up

This requires both gdk and CustomersDot running.

• Setup the HPM in Zuora Api Sandbox, you have two ways:
  1. create a HPM similar to this: https://apisandbox.zuora.com/apps/HostedPageLite.do?method=preview&id=8ad099157fd495bf017fdadbab7e6959 – for URL/host, use your gdk host
  2. just use mine 😇 (but please, do not change the configuration) – it assumes you run gdk on http://localhost:3000
• copy the id at the end of the URL (mine is 8ad099157fd495bf017fdadbab7e6959)
• go to secrets.yml in CustomersDot and use it for zuora_cc_validation_payment_page_id (if not there, add it manually)
• (restart CustomersDot) under development settings
• in your terminal, export GITLAB_SIMULATE_SAAS=true (if gdk is already running, do a gdk restart)
• go to the gdk rails console and type Feature.enable(:ci_require_credit_card_on_free_plan)

How to see the iFrame

• Create a new User on your gdk. You can add it by visiting /admin/users/ and logging in with your root. The user should not be ad admin
• Log in with the new user
• Create a group and a project
• In the repository of the project, create a .gitlab-ci.yml file (you can select whatever template)
• Visit /-/pipelines/new under your project
• Click on Run pipeline
• An alert should appear (see screenshot), click on Validate account
• To use the new form, go to the gdk rails console and type Feature.enable(:account_verification_payment_form_refresh

Validate Account	CC verification overlay

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.