fix: validate member in enter details store

components/HotelReservation/EnterDetails/Details/index.tsx

@@ -13,7 +13,7 @@ import Input from "@/components/TempDesignSystem/Form/Input"
 import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
-import { detailsSchema, signedInDetailsSchema } from "./schema"
+import { guestDetailsSchema, signedInDetailsSchema } from "./schema"
 import Signup from "./Signup"
 
 import styles from "./details.module.css"
@@ -53,7 +53,7 @@ export default function Details({ user }: DetailsProps) {
     },
     criteriaMode: "all",
     mode: "all",
-    resolver: zodResolver(user ? signedInDetailsSchema : detailsSchema),
+    resolver: zodResolver(user ? signedInDetailsSchema : guestDetailsSchema),
     reValidateMode: "onChange",
   })
 

components/HotelReservation/EnterDetails/Details/schema.ts

@@ -36,15 +36,17 @@ export const joinDetailsSchema = baseDetailsSchema.merge(
   })
 )
 
-export const detailsSchema = z.discriminatedUnion("join", [
+export const guestDetailsSchema = z.discriminatedUnion("join", [
   notJoinDetailsSchema,
   joinDetailsSchema,
 ])
 
+// For signed in users we accept partial or invalid data. Users cannot
+// change their info in this flow, so we don't want to validate it.
 export const signedInDetailsSchema = z.object({
   countryCode: z.string().optional(),
-  email: z.string().email().optional(),
+  email: z.string().optional(),
   firstName: z.string().optional(),
   lastName: z.string().optional(),
-  phoneNumber: phoneValidator().optional(),
+  phoneNumber: z.string().optional(),
 })

components/HotelReservation/EnterDetails/Provider/index.tsx

@@ -8,16 +8,17 @@ import {
   initEditDetailsState,
 } from "@/stores/enter-details"
 
-import { StepEnum } from "@/types/components/hotelReservation/enterDetails/step"
+import { EnterDetailsProviderProps } from "@/types/components/hotelReservation/enterDetails/store"
 
 export default function EnterDetailsProvider({
   step,
+  isMember,
   children,
-}: PropsWithChildren<{ step: StepEnum }>) {
+}: PropsWithChildren<EnterDetailsProviderProps>) {
   const searchParams = useSearchParams()
   const initialStore = useRef<EnterDetailsStore>()
   if (!initialStore.current) {
-    initialStore.current = initEditDetailsState(step, searchParams)
+    initialStore.current = initEditDetailsState(step, searchParams, isMember)
   }
 
   return (