payment fix

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

@@ -215,6 +215,15 @@ export default class extends Controller {
             return
         }
 
+        // Points at the section that actually needs attention, rather than
+        // leaving a generic error and making the shopper hunt for it — e.g. a
+        // region with 2+ shipping methods needs an explicit pick, easy to miss.
+        if (data.field === 'shipping_option') {
+            document.getElementById('bbk-shipping-options')?.scrollIntoView({ block: 'center', behavior: 'smooth' })
+            this.fail(data.message || data.error || this.genericErrorValue, { scroll: false })
+            return
+        }
+
         this.fail(data.message || data.error || this.genericErrorValue)
     }
 
@@ -252,15 +261,15 @@ export default class extends Controller {
 
     // ── helpers ──────────────────────────────────────────────────────
 
-    fail(message) {
-        this.showError(message)
+    fail(message, { scroll = true } = {}) {
+        this.showError(message, { scroll })
         this.submitTarget.disabled = false
     }
 
-    showError(message) {
+    showError(message, { scroll = true } = {}) {
         this.errorTarget.textContent = message
         this.errorTarget.hidden = false
-        this.errorTarget.scrollIntoView({ block: 'center', behavior: 'smooth' })
+        if (scroll) this.errorTarget.scrollIntoView({ block: 'center', behavior: 'smooth' })
     }
 
     clearError() {