{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 { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton" import Title from "@scandic-hotels/design-system/Title" import Input from "@/components/TempDesignSystem/Form/Input" import { type AdditionalInfoFormSchema, additionalInfoFormSchema, } from "./schema" import styles from "./findMyBooking.module.css" import type { AdditionalInfoCookieValue } from "@scandic-hotels/booking-flow/types/components/findMyBooking/additionalInfoCookieValue" 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: AdditionalInfoCookieValue = { ...values, confirmationNumber, lastName, } document.cookie = `bv=${JSON.stringify(value)}; Path=/; Max-Age=600; Secure; SameSite=Strict` router.refresh() } return ( ) }