Update amount charged on Checkout changes

[Couiljer]

Hi there,

I'm seeking assistance with integrating the stripe plugin that works alongside Stripe Elements and Saleor. During the final step of an e-shop checkout, there's a section where users can input a voucher code. This part of the checkout is dynamic, allowing users to add or remove vouchers, which then updates the checkout summary.

Adjacent to the dynamic checkout summary, the Stripe Element (specifically, the card block) is displayed. To initialize this Stripe Element, a client_secret is necessary. Therefore, I initiate a transaction through the Saleor API to obtain this client_secret.

However, I'm encountering an issue: I can't seem to update the transaction amount when the checkout's total price changes. Here's what I've tried:

• Initiating a new transaction when the amount changes. This approach results in creating a second transaction with the correct amount, but it ends up charging the initially created one.

• Attempting to update the transaction amount using a processTransaction mutation with a data JSON structure like { data : { amount : 4200 } }.

Is there something I'm misunderstanding or misusing in this process?

Thanks 🙏

[Couiljer]

Okey so I solved my problem by :

• updating stripe paymentIntent amount value with stripe sdk directly
• disabling the react strict mode in my NEXTJS config : mentioned here. This was rendering twice my component and payment flow in dev mode for a same checkout id kept in cookies.... creating the mess ! So maybe my first trial of "Initiating a new transaction when the amount changes" may work fine now.