feat(SW-977): Scenario 2 & 4

app/[lang]/(live)/@bookingwidget/[contentType]/[uid]/[...paths]/page.tsx

@@ -0,0 +1 @@
+export { default } from "../page"

app/[lang]/(live)/@bookingwidget/[contentType]/[uid]/page.tsx

@@ -0,0 +1,31 @@
+import { env } from "@/env/server"
+import { getHotelData, getHotelPage } from "@/lib/trpc/memoizedRequests"
+
+import BookingWidget, { preload } from "@/components/BookingWidget"
+import { getLang } from "@/i18n/serverContext"
+
+import { ContentTypeParams, PageArgs } from "@/types/params"
+
+export default async function BookingWidgetPage({
+  params,
+}: PageArgs<ContentTypeParams>) {
+  if (!env.ENABLE_BOOKING_WIDGET_HOTELRESERVATION_PATH) return null
+
+  preload()
+
+  if (params.contentType === "hotel-page") {
+    const hotelPageData = await getHotelPage()
+
+    const hotelData = await getHotelData({
+      hotelId: hotelPageData?.hotel_page_id || "",
+      language: getLang(),
+    })
+    const params = new URLSearchParams()
+    params.set("hotel", hotelData?.data?.id || "")
+    params.set("city", hotelData?.data?.attributes?.cityName || "")
+
+    return <BookingWidget searchParams={params} />
+  }
+
+  return <BookingWidget />
+}

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -124,10 +124,12 @@ export default function Search({ locations, handlePressEnter }: SearchProps) {
       typeof window !== "undefined"
         ? sessionStorage.getItem(sessionStorageKey)
         : undefined
+
     const searchHistory =
       typeof window !== "undefined"
         ? localStorage.getItem(localStorageKey)
         : null
+
     if (searchData || searchHistory) {
       dispatch({
         payload: {
@@ -160,13 +162,18 @@ export default function Search({ locations, handlePressEnter }: SearchProps) {
     }
   }, [stayType, stayValue, unregister, setValue])
 
+  useEffect(() => {
+    sessionStorage.setItem(sessionStorageKey, locationString)
+  }, [locationString])
+
   function getLocationLabel(): string {
-    if (state.searchData?.type === "hotels") {
-      return state.searchData?.relationships?.city?.name || ""
-    }
     if (location?.type === "hotels") {
       return location?.relationships?.city?.name || ""
     }
+    if (state.searchData?.type === "hotels") {
+      return state.searchData?.relationships?.city?.name || ""
+    }
+
     return intl.formatMessage({ id: "Where to" })
   }