Merged in feat/SW-431-payment-flow (pull request #635)

Feat/SW-431 payment flow

* feat(SW-431): Update mock hotel data

* feat(SW-431): Added route handler and trpc routes

* feat(SW-431): List payment methods and handle booking status and redirection

* feat(SW-431): Updated booking page to poll for booking status

* feat(SW-431): Updated create booking contract

* feat(SW-431): small fix

* fix(SW-431): Added intl string and sorted dictionaries

* fix(SW-431): Changes from PR

* fix(SW-431): fixes from PR

* fix(SW-431): add todo comments

* fix(SW-431): update schema prop

Approved-by: Simon.Emanuelsson

app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx

@@ -1,6 +1,6 @@
+import { notFound } from "next/navigation"
+
 import { serverClient } from "@/lib/trpc/server"
-import { getHotelDataSchema } from "@/server/routers/hotels/output"
-import tempHotelData from "@/server/routers/hotels/tempHotelData.json"
 
 import HotelSelectionHeader from "@/components/HotelReservation/HotelSelectionHeader"
 import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
@@ -80,12 +80,19 @@ export default async function SectionsPage({
 }: PageArgs<LangParams & { section: string }, SectionPageProps>) {
   setLang(params.lang)
 
-  // TODO: Use real endpoint.
-  const hotel = getHotelDataSchema.parse(tempHotelData)
+  const hotel = await serverClient().hotel.hotelData.get({
+    hotelId: "811",
+    language: params.lang,
+  })
+
+  if (!hotel) {
+    // TODO: handle case with hotel missing
+    return notFound()
+  }
 
   const rooms = await serverClient().hotel.rates.get({
     // TODO: pass the correct hotel ID and all other parameters that should be included in the search
-    hotelId: "1",
+    hotelId: hotel.data.id,
   })
   const intl = await getIntl()
 
@@ -170,7 +177,9 @@ export default async function SectionsPage({
             header={intl.formatMessage({ id: "Payment info" })}
             path={`payment?${currentSearchParams}`}
           >
-            {params.section === "payment" && <Payment />}
+            {params.section === "payment" && (
+              <Payment hotel={hotel.data.attributes} />
+            )}
           </SectionAccordion>
         </div>
         <div className={styles.summary}>