feat: implement public booking cancellation feature

- Added cancelPublicBooking handler to manage booking cancellations.
- Updated public booking service to include cancellation logic.
- Created cancelPublicBooking schema for input validation.
- Modified public booking confirmation page to allow users to cancel their bookings.
- Enhanced email service to send cancellation confirmation emails.
- Made customerEmail field required in booking schemas and updated related components.
- Updated API client to support cancellation requests.
- Added migration to enforce non-nullable customer_email fields in the database.

apps/frontend/src/lib/api-client.ts

@@ -52,6 +52,7 @@ export const apiClient = {
     getAvailability: api.getAvailability,
     create: api.createPublic,
     getConfirmation: api.getConfirmation,
+    cancelPublic: api.cancelPublic,
   },
   adminBookings: {
     listByComplex: api.listByComplex,

apps/frontend/src/lib/api/http.ts

@@ -10,13 +10,35 @@ export const http: AxiosInstance = axios.create({
 });
 
 function extractMessage(details: unknown, fallback: string): string {
-  if (
-    typeof details === 'object' &&
-    details &&
-    'message' in details &&
-    typeof details.message === 'string'
-  ) {
-    return details.message;
+  if (typeof details === 'object' && details) {
+    if ('message' in details && typeof details.message === 'string') {
+      return details.message;
+    }
+    if ('detail' in details && typeof details.detail === 'string') {
+      return details.detail;
+    }
+    if ('error' in details && typeof details.error === 'object' && details.error) {
+      const zodError = details.error as Record<string, unknown>;
+      if (Array.isArray(zodError.issues) && zodError.issues.length > 0) {
+        const firstIssue = zodError.issues[0] as { message?: string };
+        if (typeof firstIssue.message === 'string') return firstIssue.message;
+      }
+      if (typeof zodError.message === 'string') {
+        try {
+          const parsed = JSON.parse(zodError.message);
+          if (
+            Array.isArray(parsed) &&
+            parsed.length > 0 &&
+            typeof parsed[0]?.message === 'string'
+          ) {
+            return parsed[0].message;
+          }
+        } catch {
+          /* not JSON, use raw string */
+        }
+        return zodError.message;
+      }
+    }
   }
   return fallback;
 }

apps/frontend/src/lib/api/index.ts

@@ -8,6 +8,7 @@ export * as sports from './resources/sports';
 export * as plans from './resources/plans';
 
 export {
+  cancelPublic,
   getAvailability,
   createPublic,
   getConfirmation,

apps/frontend/src/lib/api/resources/bookings.ts

@@ -1,5 +1,6 @@
 import type {
   AdminBooking,
+  CancelPublicBookingInput,
   CreateAdminBookingInput,
   CreatePublicBookingInput,
   PublicAvailabilityResponse,
@@ -51,6 +52,14 @@ export async function createAdmin(complexId: string, payload: CreateAdminBooking
   return response.data;
 }
 
+export async function cancelPublic(complexSlug: string, payload: CancelPublicBookingInput) {
+  const response = await http.post<PublicBooking>(
+    `/api/public-bookings/complex/${complexSlug}/cancel`,
+    payload
+  );
+  return response.data;
+}
+
 export async function updateStatus(bookingId: string, payload: UpdateAdminBookingStatusInput) {
   const response = await http.patch<AdminBooking>(
     `/api/admin-bookings/${bookingId}/status`,