Merged in feature/autocomplete-search (pull request #1725)

Feature/autocomplete search

* wip autocomplete search

* add skeletons to loading

* Using aumlauts/accents when searching will still give results
remove unused reducer
sort autocomplete results

* remove testcode

* Add tests for autocomplete

* cleanup tests

* use node@20

* use node 22

* use node22

* merge
fix: search button outside of viewport

* merge

* remove more unused code

* fix: error message when empty search field in booking widget

* fix: don't display empty white box when search field is empty and no searchHistory is present

* merge

* fix: set height of shimmer for search skeleton

* rename autocomplete trpc -> destinationsAutocomplete

* more accute cache key naming

* fix: able to control wether bookingwidget is visible on startPage
fix: sticky booking widget under alert

* remove unused code

* fix: skeletons
fix: error overlay on search startpage

* remove extra .nvmrc

* merge


Approved-by: Linus Flood

apps/scandic-web/components/Forms/BookingWidget/index.tsx

@@ -20,15 +20,10 @@ import type {
   BookingWidgetType,
 } from "@/types/components/bookingWidget"
 import type { BookingWidgetFormProps } from "@/types/components/form/bookingwidget"
-import type { Location } from "@/types/trpc/routers/hotel/locations"
 
 const formId = "booking-widget"
 
-export default function Form({
-  locations,
-  type,
-  onClose,
-}: BookingWidgetFormProps) {
+export default function Form({ type, onClose }: BookingWidgetFormProps) {
   const router = useRouter()
   const lang = useLang()
   const [isPending, startTransition] = useTransition()
@@ -37,19 +32,17 @@ export default function Form({
     type,
   })
 
-  const { handleSubmit, register, setValue } =
-    useFormContext<BookingWidgetSchema>()
+  const { handleSubmit, setValue } = useFormContext<BookingWidgetSchema>()
 
   function onSubmit(data: BookingWidgetSchema) {
-    const locationData: Location = JSON.parse(decodeURIComponent(data.location))
+    const type = data.city?.length ? "city" : "hotel"
+
     const bookingFlowPage =
-      locationData.type == "cities" ? selectHotel(lang) : selectRate(lang)
+      type === "city" ? selectHotel(lang) : selectRate(lang)
     const bookingWidgetParams = convertObjToSearchParams({
       rooms: data.rooms,
       ...data.date,
-      ...(locationData.type == "cities"
-        ? { city: locationData.name }
-        : { hotel: locationData.operaId || "" }),
+      ...(type === "city" ? { city: data.city } : { hotel: data.hotel }),
       ...(data.bookingCode?.value
         ? { bookingCode: data.bookingCode.value }
         : {}),
@@ -76,9 +69,7 @@ export default function Form({
         className={styles.form}
         id={formId}
       >
-        <input {...register("location")} type="hidden" />
         <FormContent
-          locations={locations}
           formId={formId}
           onSubmit={handleSubmit(onSubmit)}
           isSearching={isPending}