Enatega Customer App: Incorrect order flow with stripe payment integration

Describe the bug
When placing an order using Stripe, the current flow places the order before collecting Stripe payment details. After confirming the order, the user is taken to the Stripe checkout page. Payment details should be collected first, and the order should be placed only after successful payment confirmation.

To Reproduce
Steps to reproduce the behavior:

Add items to the cart.
Proceed to checkout.
Select Stripe as the payment method.
Place the order.
Observe that the order is placed immediately, and then the user is redirected to Stripe checkout.
Expected behavior
User should be taken to Stripe checkout before placing the order. The order should only be created after Stripe confirms successful payment.

Smartphone :

Device: [infinix]
OS: [Android]
Browser [app]

Labels: Enatega Multivendor Customer App, Bug

Start by reproducing the checkout flow in the Enatega Customer App with Stripe selected, then trace where the order is created and where Stripe checkout begins. The issue is done when Stripe payment details are collected first and an order is created only after successful payment confirmation.

Written by the indexing model from the issue text.