"use client" import { zodResolver } from "@hookform/resolvers/zod" import { FormProvider, useForm } from "react-hook-form" import { useIntl } from "react-intl" import Button from "@/components/TempDesignSystem/Button" import CheckboxCard from "@/components/TempDesignSystem/Form/Card/Checkbox" 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 { detailsSchema, signedInDetailsSchema } from "./schema" import styles from "./details.module.css" import type { DetailsProps, DetailsSchema, } from "@/types/components/enterDetails/details" export default function Details({ user }: DetailsProps) { const intl = useIntl() const list = [ { title: intl.formatMessage({ id: "Earn bonus nights & points" }) }, { title: intl.formatMessage({ id: "Get member benefits & offers" }) }, { title: intl.formatMessage({ id: "Join at no cost" }) }, ] const methods = useForm({ defaultValues: { countryCode: user?.address?.countryCode ?? "", email: user?.email ?? "", firstname: user?.firstName ?? "", lastname: user?.lastName ?? "", phoneNumber: user?.phoneNumber ?? "", }, criteriaMode: "all", mode: "all", resolver: zodResolver(user ? signedInDetailsSchema : detailsSchema), reValidateMode: "onChange", }) return (
{intl.formatMessage({ id: "Guest information" })}
) }