Add ability to make tickets not buyable + disable paid tickets for beta

backend/clubs/migrations/0108_ticket_buyable.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.0.4 on 2024-04-28 17:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("clubs", "0107_ticket_attended"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="ticket",
+            name="buyable",
+            field=models.BooleanField(default=True),
+        ),
+    ]

backend/clubs/models.py

@@ -1846,6 +1846,8 @@ class Ticket(models.Model):
     group_size = models.PositiveIntegerField(null=True, blank=True)
     transferable = models.BooleanField(default=True)
     attended = models.BooleanField(default=False)
+    # TODO: change to enum between All, Club, None
+    buyable = models.BooleanField(default=True)
     objects = TicketManager()
 
     def get_qr(self):

backend/clubs/views.py

@@ -2427,7 +2427,11 @@ def add_to_cart(self, request, *args, **kwargs):
             # We don't need a lock since we aren't changing the holder or owner
             tickets = (
                 Ticket.objects.filter(
-                    event=event, type=type, owner__isnull=True, holder__isnull=True
+                    event=event,
+                    type=type,
+                    owner__isnull=True,
+                    holder__isnull=True,
+                    buyable=True,
                 )
                 .prefetch_related("carts")
                 .exclude(carts__owner=self.request.user)
@@ -2605,7 +2609,7 @@ def tickets(self, request, *args, **kwargs):
             .order_by("type")
         )
         available = (
-            tickets.filter(owner__isnull=True, holder__isnull=True)
+            tickets.filter(owner__isnull=True, holder__isnull=True, buyable=True)
             .values("type")
             .annotate(price=Max("price"))
             .annotate(count=Count("type"))
@@ -2645,6 +2649,9 @@ def create_tickets(self, request, *args, **kwargs):
                                             required: false
                                         transferable:
                                             type: boolean
+                                        buyable:
+                                            type: boolean
+                                            required: false
                             order_limit:
                                 type: int
                                 required: false
@@ -2759,6 +2766,7 @@ def create_tickets(self, request, *args, **kwargs):
                 group_discount=item.get("group_discount", 0),
                 group_size=item.get("group_size", None),
                 transferable=item.get("transferable", True),
+                buyable=item.get("buyable", True),
             )
             for item in quantities
             for _ in range(item["count"])
@@ -5131,6 +5139,7 @@ def cart(self, request, *args, **kwargs):
             available_tickets = Ticket.objects.filter(
                 event=ticket_class["event"],
                 type=ticket_class["type"],
+                buyable=True,  # should not be triggered as buyable is by ticket class
                 owner__isnull=True,
                 holder__isnull=True,
             ).exclude(id__in=tickets_in_cart)[: ticket_class["count"]]
@@ -5221,7 +5230,9 @@ def initiate_checkout(self, request, *args, **kwargs):
         # skip_locked is important here because if any of the tickets in cart
         # are locked, we shouldn't block.
         tickets = cart.tickets.select_for_update(skip_locked=True).filter(
-            Q(holder__isnull=True) | Q(holder=self.request.user), owner__isnull=True
+            Q(holder__isnull=True) | Q(holder=self.request.user),
+            owner__isnull=True,
+            buyable=True,
         )
 
         # Assert that the filter succeeded in freezing all the tickets for checkout

frontend/components/ClubEditPage/TicketsModal.tsx

@@ -2,6 +2,8 @@ import React, { ReactElement, useState } from 'react'
 import { toast, TypeOptions } from 'react-toastify'
 import styled from 'styled-components'
 
+import { TICKETING_PAYMENT_ENABLED } from '~/utils/branding'
+
 import { Icon, Line, Text, Title } from '../../components/common'
 import {
   ALLBIRDS_GRAY,
@@ -113,18 +115,20 @@ const TicketItem: React.FC<TicketItemProps> = ({
             onChange?.({ ...ticket, count })
           }}
         />
-        <Input
-          type="number"
-          className="input"
-          value={ticket.price ?? ''}
-          placeholder="Ticket Price"
-          onChange={(e) => {
-            const price = e.target.value
-            setTicket({ ...ticket, price })
-            onChange?.({ ...ticket, price })
-          }}
-        />
-
+        {ticket.buyable && (
+          <Input
+            type="number"
+            className="input"
+            value={ticket.price ?? ''}
+            placeholder="Ticket Price"
+            disabled={!TICKETING_PAYMENT_ENABLED}
+            onChange={(e) => {
+              const price = e.target.value
+              setTicket({ ...ticket, price })
+              onChange?.({ ...ticket, price })
+            }}
+          />
+        )}
         <button
           className="button is-danger"
           disabled={!deletable}
@@ -147,6 +151,12 @@ const TicketItem: React.FC<TicketItemProps> = ({
             justifyContent: 'center',
           }}
         >
+          <button
+            className="button is-info is-small mr-2"
+            onClick={() => setTicket({ ...ticket, buyable: !ticket.buyable })}
+          >
+            {ticket.buyable ? 'Disable Buying' : 'Enable Buying'}
+          </button>
           {openGroupDiscount ? (
             <>
               <div style={{ maxWidth: '75px' }}>
@@ -205,6 +215,7 @@ type Ticket = {
   price: string | null // Free if null
   groupDiscount: string | null // If null, no group discount
   groupNumber: string | null // If null, no group discount
+  buyable: boolean
 }
 
 const TicketsModal = ({
@@ -222,9 +233,10 @@ const TicketsModal = ({
     {
       name: 'Regular Ticket',
       count: null,
-      price: null,
+      price: '0.00',
       groupDiscount: null,
       groupNumber: null,
+      buyable: true,
     },
   ])
 
@@ -235,9 +247,10 @@ const TicketsModal = ({
       {
         name: '',
         count: null,
-        price: null,
+        price: '0.00',
         groupDiscount: null,
         groupNumber: null,
+        buyable: true,
       },
     ])
   }
@@ -258,6 +271,7 @@ const TicketsModal = ({
             groupNumber: usingGroupPricing
               ? parseFloat(ticket.groupNumber!)
               : null,
+            buyable: ticket.buyable,
           }
         })
       doApiRequest(`/events/${id}/tickets/?format=json`, {
@@ -300,7 +314,10 @@ const TicketsModal = ({
       />
       <ModalBody>
         <Title>{name}</Title>
-        <Text>Create new tickets for this event.</Text>
+        <Text>
+          Create new tickets for this event. For our alpha, only free tickets
+          will be supported for now: stay tuned for payments integration!
+        </Text>
         <Line />
         <SectionContainer>
           <h1>Tickets</h1>

frontend/components/Tickets/CartTickets.tsx

@@ -128,9 +128,23 @@ const combineTickets = (tickets: EventTicket[]): CountedEventTicket[] =>
     ),
   )
 
-const useCheckout = () => {
+const useCheckout = (paid: boolean) => {
   const [showModal, setShowModal] = useState(false)
   const [captureContext, setCaptureContext] = useState<string>()
+  const navigate = useRouter()
+
+  const onModalClose = (force: boolean) => {
+    if (force) {
+      setShowModal(false)
+      return
+    }
+    const confirmed = confirm(
+      'Are you sure you want to exit the checkout process? You could lose items in your cart!',
+    )
+    if (confirmed) {
+      setShowModal(false)
+    }
+  }
 
   const fetchToken = async () => {
     const res = await doApiRequest(`/tickets/initiate_checkout/?format=json`, {
@@ -143,26 +157,24 @@ const useCheckout = () => {
       toast.error(data.detail, {
         style: { color: WHITE },
       })
+    } else if (data.sold_free_tickets) {
+      onModalClose(true)
+      toast.success('Free tickets purchased successfully!')
+      setTimeout(() => {
+        navigate.push('/settings#Tickets')
+      }, 500)
     }
     return data.detail
   }
 
   return {
     showModal,
-    onClose: (force: boolean) => {
-      if (force) {
-        setShowModal(false)
-        return
-      }
-      const confirmed = confirm(
-        'Are you sure you want to exit the checkout process? You could lose items in your cart!',
-      )
-      if (confirmed) {
-        setShowModal(false)
-      }
-    },
+    onClose: onModalClose,
     checkout: async () => {
-      setShowModal(true)
+      if (paid) {
+        // heuristic on frontend to skip modal if checking out free tickets
+        setShowModal(true)
+      }
       const token = await fetchToken()
       setCaptureContext(token)
     },
@@ -177,12 +189,13 @@ const CartTickets: React.FC<CartTicketsProps> = ({ tickets, soldOut }) => {
   )
   const [countedTickets, setCountedTickets] = useState<CountedEventTicket[]>([])
 
+  const atLeastOnePaid = tickets.some((ticket) => parseFloat(ticket.price) > 0)
   const {
     showModal,
     onClose: onModalClose,
     checkout,
     captureContext,
-  } = useCheckout()
+  } = useCheckout(atLeastOnePaid)
 
   useEffect(() => {
     setCountedTickets(combineTickets(tickets))

frontend/utils/branding.tsx

@@ -251,6 +251,7 @@ const sites = {
   },
 }
 
+export const TICKETING_PAYMENT_ENABLED = false
 export const SITE_ID = site
 export const SITE_NAME = sites[site].SITE_NAME
 export const SITE_SUBTITLE = sites[site].SITE_SUBTITLE