{intl.formatMessage({ defaultMessage: "Find your booking", })}

"use client" import { zodResolver } from "@hookform/resolvers/zod" import { useRouter } from "next/navigation" import { FormProvider, useForm } from "react-hook-form" import { useIntl } from "react-intl" import Body from "@scandic-hotels/design-system/Body" import Button from "@/components/TempDesignSystem/Button" import Input from "@/components/TempDesignSystem/Form/Input" import Title from "@/components/TempDesignSystem/Text/Title" import { type AdditionalInfoFormSchema, additionalInfoFormSchema, } from "./schema" import styles from "./findMyBooking.module.css" export default function AdditionalInfoForm({ confirmationNumber, lastName, }: { confirmationNumber: string lastName: string }) { const router = useRouter() const intl = useIntl() const form = useForm({ resolver: zodResolver(additionalInfoFormSchema), mode: "all", criteriaMode: "all", reValidateMode: "onChange", }) function onSubmit() { const values = form.getValues() const value = new URLSearchParams({ ...values, confirmationNumber, lastName, }).toString() document.cookie = `bv=${encodeURIComponent(value)}; Path=/; Max-Age=600; Secure; SameSite=Strict` router.refresh() } return ( ) }