#zoom-AfterPay
lyric bridge
Hi there, some payment methods requires a page redirect, and AfterPay is one of them.
Therefore you need to adjust your application and let it handle page redirect properly.
summer cargo
Hi @lyric bridge Thank you for your answer. I'm one of the devs working on this particular project. So the scenario is, that we are building a React application that will be injected into a website as a JS bundle. This application will be served as a modal window responsible for performing the entire checkout flow. We are bound to perform actions that affect only the modal window. One of the possible solutions that we were thinking of but couldn’t implement easily from our end but hoping that the Stripe team could help out with is opening the AfterPay payment either in a popup window or a new window that will either close or have no redirect upon payment action completion. Meanwhile, an event listener in the application would keep listening to the stripe server for the payment response of that particular instance, and we could use that response accordingly in our application without any page refresh. Similar behaviour as of PayPal. If this isn’t possible for any reason, as per our latest fallback plan, theoretically we should be able to store all the local Redux states in local storage and will need to do extra API calls to verify the payment status and proceed from where the user was in the journey. We’re aiming to reduce state dependency and the number of API calls as much as we can to make the application light, as this is going to serve as a widget or a modal for completing the checkout flow on a website. I will share this in the thread too. Here's a quick link to the video where you can see the page refresh causes the modal to close and lose the state. We have already implemented Stripe Credit Card and PayPal which upon successful payment takes us to order confirmation page within the modal. Issue: https://www.dropbox.com/s/y28dvydubbr7dyf/AfterPay_payment.mov?dl=0
Expected:
https://www.dropbox.com/s/iehpknkogxjdwge/Expected Flow.mov?dl=0
lyric bridge
Hi @summer cargo I won't recommend you to embed your application into another page, as it will affect the page redirect. You might need to redesign your application so that it can handle a full page redirect.
I know it's not the ideal solution, but this is the technical limitation that we need to cope with in order to integrate certain payment methods.