fix(discover): fix 500 error caused by BigInt serialization of amountMinor in eventPriceSchema

A previous fix (36258b8) converted startDate/endDate in eventInfoSchema from
z.bigint() to z.coerce.number() to avoid JSON serialization failures during SSR
dehydration. The same issue existed for amountMinor in eventPriceSchema, nested
inside eventInfoSchema via pricesGroups. On production, events with paid prices
caused JSON.stringify to throw on BigInt values during HydrationBoundary prop
serialization, resulting in 500 errors on /discover/upcoming and /discover/past.

Closes #1036

Author: WaDadidou

app/(dashboard)/dashboard/event/[id]/(default)/gatekeepers/gatekeepers-edition-context-provider.tsx

@@ -101,7 +101,13 @@ export function GatekeepersEditionContextProvider({
       })),
       exclusive: eventInfo.privacy?.eventPrivacy.case === "guarded",
       password: "",
-      pricesGroups: eventInfo.pricesGroups ?? [],
+      pricesGroups: (eventInfo.pricesGroups ?? []).map((group) => ({
+        ...group,
+        prices: group.prices.map((price) => ({
+          ...price,
+          amountMinor: BigInt(price.amountMinor),
+        })),
+      })),
       communityId: communityId || null,
     };
 

components/features/event/event-registration/index.tsx

@@ -52,7 +52,7 @@ const selectCheckoutPrice = (
   groups: SafeEventPriceGroup[],
 ): CheckoutPrice | null => {
   const prices = groups.flatMap((group) => group.prices);
-  const paidPrices = prices.filter((price) => price.amountMinor > BigInt(0));
+  const paidPrices = prices.filter((price) => price.amountMinor > 0);
   if (paidPrices.length === 0) {
     return null;
   }
@@ -108,7 +108,7 @@ export function EventRegistrationForm({
     (buyerIsCounted ? 1 : 0) + (guestsValue ? guestsValue.length : 0);
   const totalMinor =
     checkoutPrice && attendeeCount > 0
-      ? checkoutPrice.amountMinor * BigInt(attendeeCount)
+      ? checkoutPrice.amountMinor * attendeeCount
       : null;
 
   const onSubmit = async (data: EventRegistrationFormSchemaType) => {

components/features/event/event-registration/paid-purchase-form.tsx

@@ -19,7 +19,7 @@ type PaidPurchaseFormProps = {
   isPending: boolean;
   maxGuests: number;
   requireEmail: boolean;
-  totalMinor: bigint | null;
+  totalMinor: number | null;
 };
 
 export function PaidPurchaseForm({

components/providers/dashboard-event-edition-context-provider.tsx

@@ -107,7 +107,13 @@ export default function DashboardEventEditionContextProvider({
     })),
     exclusive: eventInfo.privacy?.eventPrivacy.case === "guarded",
     password: "",
-    pricesGroups: eventInfo.pricesGroups ?? [],
+    pricesGroups: (eventInfo.pricesGroups ?? []).map((group) => ({
+      ...group,
+      prices: group.prices.map((price) => ({
+        ...price,
+        amountMinor: BigInt(price.amountMinor),
+      })),
+    })),
     communityId: communityId || null,
   };
 

components/widgets/price-label.tsx

@@ -1,12 +1,9 @@
 import { useTranslations } from "next-intl";
 import { useMemo } from "react";
 import { formatPrice } from "@/lib/pricing";
-import { EventPriceGroup } from "@/app/gen/zenao/v1/zenao_pb";
 import { SafeEventPriceGroup } from "@/types/schemas";
 
-export const usePriceLabel = (
-  pricesGroups: (SafeEventPriceGroup | EventPriceGroup)[],
-) => {
+export const usePriceLabel = (pricesGroups: SafeEventPriceGroup[]) => {
   const t = useTranslations("event");
   return useMemo(() => {
     const priceGroups = pricesGroups ?? [];

types/schemas.ts

@@ -444,7 +444,7 @@ export type SafeEventLocation = z.infer<typeof eventInfoLocationSchema>;
 
 export const eventPriceSchema = z
   .object({
-    amountMinor: z.bigint(),
+    amountMinor: z.coerce.number(),
     currencyCode: z.string(),
     paymentAccountId: z.string(),
     paymentAccountType: z.string().optional().default(""),