If we find ourselves on the payment screen without a payment intent, …

…kick back to the purchase form

front-end/src/components/Tickets.tsx

@@ -12,7 +12,7 @@ import MultiView from './core/MultiView'
 import { vibefetch } from '../vibefetch'
 
 import StripePaymentForm from './core/StripePaymentForm'
-import { useRequest, useStable } from '../mobx/hooks'
+import { useAutorun, useRequest, useStable } from '../mobx/hooks'
 import LoadingDots from './core/LoadingDots'
 import { makeAutoObservable } from 'mobx'
 import { Form, FormValidators } from '../mobx/form'
@@ -71,6 +71,12 @@ export default observer(() => {
     const loading = Store.accountInfo.state.kind === 'loading'
     const loadingOrError = loading || Store.accountInfo.state.kind === 'error'
 
+    useAutorun(() => {
+        if (WindowObservables.hashState?.purchaseModalState === 'payment' && stripeOptions.state.kind === 'result' && stripeOptions.state.result == null) {
+            WindowObservables.assignHashState({ purchaseModalState: 'selection' })
+        }
+    })
+
     return (
         <Col padding={20} pageLevel justify={loadingOrError ? 'center' : undefined} align={loadingOrError ? 'center' : undefined}>
             {Store.accountInfo.state.kind === 'result' &&