A QR checkout that recovers when the customer returns.
Payment state, mobile bank handoff and return-to-page reconciliation in one Vue component.
Context
An SBP checkout needed to coordinate a bank QR payload, payment status and a mobile customer moving between the browser and a banking app.
Implementation
Updated the Vue payment component to render the full bank payment URL as a QR code and offer a mobile payment action. The component polls the order payment endpoint and refreshes on visibility, focus and page-return events.
A confirmed paid state takes priority over payable state. Backend-provided success and failure URLs guide the final transition; a timed success redirect completes the flow.
Delivered scope
The conversation records the updated component and confirms the backend payable field and redirect URLs. The result is an implementation deliverable, without a claim of production conversion uplift.
SBP is specific to the original market. For LATAM, the reusable capability is payment lifecycle engineering; a Pix or local acquiring integration requires its own provider API and validation. Native Android and iOS work was estimated separately and is not counted as delivered.