Stripe Migration - Amend existing Angular Website which uses Stripe Charge to New Style Checkout

Job ID: 34002125

Budget: £250 – £750 GBP

We are running an Angular Membership Website that collects a payment using a simple StripeCheckout which returns a Token. This is then sent to a Stripe Charge Service which creates the payment.
This is now failing due to 3D secure.

We wish to migrate to the new style checkout - https://stripe.com/docs/payments/checkout/how-checkout-works.
The website already calculates the "Amount" and we wish to then display the new style Checkout Form (which I understand deals with 3D secure). This should return an accept and pass the value to the existing API Call or Fail and pass a failure message to the existing API call. Existing Code snippets are attached.

This is only about integrating the new Checkout Page and passing back the acceptance message to the existing API Call.
Related categories: PHP JavaScript HTML AngularJS Stripe