payment fix

resources/js/checkout/bbk-checkout-form-controller.js

@@ -30,6 +30,7 @@ export default class extends Controller {
         this.saveTimer = null
         this.saveController = null
         this.statusTimer = null
+        this.shippingPromise = null
 
         if (this.hasSameAsBillingTarget) this.applySameAsBilling()
     }
@@ -108,6 +109,9 @@ export default class extends Controller {
     async flush() {
         clearTimeout(this.saveTimer)
         await this.save()
+        // A shipping-method radio click fires its own (undebounced) request —
+        // still async, still racy against an immediate "place order" click.
+        if (this.shippingPromise) await this.shippingPromise
     }
 
     async save() {
@@ -137,11 +141,18 @@ export default class extends Controller {
     }
 
     async selectShipping(event) {
+        // Tracked so flush() can await it — nothing else stops "place order"
+        // (a separate, unrelated click) from racing ahead of this request.
+        this.shippingPromise = this.doSelectShipping(event.target.value)
+        await this.shippingPromise
+    }
+
+    async doSelectShipping(value) {
         this.saveController?.abort()
         this.setStatus('saving')
 
         const body = new FormData()
-        body.append('shipping_option', event.target.value)
+        body.append('shipping_option', value)
 
         try {
             const response = await fetch(this.selectShippingUrlValue, {
@@ -160,6 +171,8 @@ export default class extends Controller {
             this.setStatus('saved')
         } catch {
             this.setStatus('error')
+        } finally {
+            this.shippingPromise = null
         }
     }