feat: BTCPay webhook for auto-publish after confirmation, processing badge

js/components/pages/page-create.js

@@ -678,20 +678,21 @@ class PageCreate extends HTMLElement {
                 return
             }
 
-            // Poll for final status after modal close
-            const result = await pollUntilDone(invoiceId, {
-                interval: 4000,
-                timeout: 60000,
-                onUpdate: (update) => {
-                    if (update.status === 'Processing' && submitBtn) {
-                        submitBtn.textContent = t('payment.processing')
-                    }
-                }
-            })
+            // Check status once after modal close
+            const currentStatus = await getInvoiceStatus(invoiceId)
 
-            if (result.status === 'Settled') {
+            if (currentStatus.status === 'Settled') {
                 await this.onPaymentSuccess(listingId)
-            } else {
+                return
+            }
+
+            // Processing = payment received, waiting for confirmation
+            if (currentStatus.status === 'Processing') {
+                await this.onPaymentReceived(listingId)
+                return
+            }
+
+            if (currentStatus.status === 'Expired' || currentStatus.status === 'Invalid') {
                 await directus.updateListing(listingId, { payment_status: 'expired' })
                 clearPendingInvoice(listingId)
                 this.showError(t('payment.expired'))
@@ -700,6 +701,15 @@ class PageCreate extends HTMLElement {
                     submitBtn.disabled = false
                     submitBtn.textContent = t('create.publish')
                 }
+                return
+            }
+
+            // Still "New" - user closed modal without paying
+            this.showError(t('payment.failed'))
+            this.submitting = false
+            if (submitBtn) {
+                submitBtn.disabled = false
+                submitBtn.textContent = t('create.publish')
             }
         } catch (error) {
             console.error('Payment failed:', error)
@@ -728,6 +738,15 @@ class PageCreate extends HTMLElement {
         router.navigate(`/listing/${listingId}`)
     }
 
+    async onPaymentReceived(listingId) {
+        await directus.updateListing(listingId, {
+            payment_status: 'processing'
+        })
+
+        clearPendingInvoice(listingId)
+        router.navigate(`/listing/${listingId}`)
+    }
+
     showError(message) {
         let errorDiv = this.querySelector('.form-error')
         if (!errorDiv) {