Merged in feat/sw-2879-booking-widget-to-booking-flow-package (pull request #2532)

feat(SW-2879): Move BookingWidget to booking-flow package * Fix lockfile * Fix styling * a tiny little booking widget test * Tiny fixes * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Remove unused scripts * lint:fix * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Tiny lint fixes * update test * Update Input in booking-flow * Clean up comments etc * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Setup tracking context for booking-flow * Add missing use client * Fix temp tracking function * Pass booking to booking-widget * Remove comment * Add use client to booking widget tracking provider * Add use client to tracking functions * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Move debug page * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package Approved-by: Bianca Widstam
2025-08-05 09:20:20 +00:00
parent 03c9244fdf
commit 1bd8fe6821
206 changed files with 1936 additions and 796 deletions
--- a/apps/partner-sas/app/[lang]/debug/page.tsx
+++ b/apps/partner-sas/app/[lang]/debug/page.tsx
@@ -0,0 +1,53 @@
+import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
+import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import { serverClient } from "@/lib/trpc"
+
+import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
+
+import { ClientComponent } from "../../../components/ClientComponent"
+
+type SearchParams<S = {}> = {
+  searchParams: Promise<S & { [key: string]: string }>
+}
+
+export default async function Debug(props: SearchParams) {
+  const searchParams = await props.searchParams
+  const intl = await getIntl()
+  const lang = await getLang()
+  const caller = await serverClient()
+  const destinations = await caller.autocomplete.destinations({
+    lang,
+    includeTypes: ["hotels"],
+    query: "Göteborg",
+  })
+  const hotel = destinations.hits.hotels[0].name
+
+  const booking = parseBookingWidgetSearchParams(searchParams)
+
+  return (
+    <div style={{ padding: "20px" }}>
+      <Typography>
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+        <p>from booking-flow package:</p>
+      </Typography>
+      <BookingWidget booking={booking} lang={lang} />
+      <hr />
+      <Typography variant="Title/Decorative/lg">
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+        <p>hello world with data: {hotel}</p>
+      </Typography>
+      <Typography>
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+        <p>
+          translated:
+          {intl.formatMessage({ defaultMessage: "Map of the city" })}
+        </p>
+      </Typography>
+      <hr />
+      <ClientComponent />
+    </div>
+  )
+}