"use client"
import { useEffect } from "react"
import { useFormContext } from "react-hook-form"
import { useIntl } from "react-intl"
import CountrySelect from "@/components/TempDesignSystem/Form/Country"
import Input from "@/components/TempDesignSystem/Form/Input"
import Phone from "@/components/TempDesignSystem/Form/Phone"
import Body from "@/components/TempDesignSystem/Text/Body"
import styles from "./modifyContact.module.css"
import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation"
interface ModifyContactProps {
guest: BookingConfirmation["booking"]["guest"]
isFirstStep: boolean
}
export default function ModifyContact({
guest,
isFirstStep,
}: ModifyContactProps) {
const intl = useIntl()
const { getValues, setValue } = useFormContext()
useEffect(() => {
setValue("firstName", guest.firstName ?? "")
setValue("lastName", guest.lastName ?? "")
setValue("email", guest.email ?? "")
setValue("phoneNumber", guest.phoneNumber ?? "")
setValue("countryCode", guest.countryCode ?? "")
}, [guest, setValue])
return (
<>
{isFirstStep ? (
) : (
<>
{intl.formatMessage({
defaultMessage:
"Are you sure you want to change your guest details?",
})}
{getValues("firstName")} {getValues("lastName")}
{getValues("email")}
{getValues("phoneNumber")}
)}
)
}