Avarda Checkout - The Checkout Flow

The Checkout Flow

1. Customer navigates to the checkout page in WooCommerce. If Avarda Checkout is the selected (or default) payment method, an initialize session request is sent to Avarda.
2. Avarda responds with a token that is used do display the embedded checkout (via JavaScript) on the WooCommerce checkout page.
3. When the customer identify herself in the Avarda checkout, a JS event is triggered. The Avarda Checkout for WooCommerce plugin is listening for this event, updates the customer in WooCommerce and recalculates the cart. If anything changes (like the selected shipping method), an update checkout request is sent to Avarda.
4. When the customer clicks the Complete payment button in Avarda Checkout, a JavaScript event is triggered by Avarda.
5. The standard WooCommerce checkout form is submitted by the Avarda Checkout plugin, with customer data that we receive from Avarda, and a pending order is created in WooCommerce. This order has not yet been paid for and you should not change the status to Processing/Completed manually.
6. If the order creation went well, the Avarda Checkout plugin responds with a true message in the JavaScript event (if something went wrong during the order creation process the Avarda Checkout plugin will respond with a false message and Avarda will not finalize the purchase. Instead an error notice will be displayed for the customer). 
7. Provided that the Avarda Checkout plugin respond with a true message, Avarda then finalizes the purchase in their system.
8. We get a callback from Avarda if the order was successfully completed in the Avarda system.
9. The Avarda Checkout plugin redirects the customer to the confirmation URL.
10. The Avarda Checkout plugin populates the WC order.
11. The Avarda Checkout plugin redirects the customer to the order received page and updates the order status to Processing in WooCommerce.