For the checkout process on the frontend
For the checkout process on the frontend, what's the default behavior like?
Say a user clicks a button that triggers
I'd like to implement the following (in React):
1. User clicks checkout button
2. Modal pops up saying "Awaiting payment...", with a Stripe link below, that opens automatically in another tab
3. User successfully finishes payment and closes the Stripe tab
4. Modal reactively shows "Payment successful!" and information
For additional context: We use a single metered feature to keep track of "coins", and every transaction is a matter of checking for a minimum amount of "coins", and deducing it with an event. The only things purchaseable via Stripe are top-up plans for said "coins".
Say a user clicks a button that triggers
checkout() and opens the Stripe checkout screen in another tab, is there a way for the frontend to wait for the transaction to succeed/fail?I'd like to implement the following (in React):
1. User clicks checkout button
2. Modal pops up saying "Awaiting payment...", with a Stripe link below, that opens automatically in another tab
3. User successfully finishes payment and closes the Stripe tab
4. Modal reactively shows "Payment successful!" and information
For additional context: We use a single metered feature to keep track of "coins", and every transaction is a matter of checking for a minimum amount of "coins", and deducing it with an event. The only things purchaseable via Stripe are top-up plans for said "coins".
