Merged in feat/sw-2873-move-selecthotel-to-booking-flow (pull request #2727)

feat(SW-2873): Move select-hotel to booking flow

* crude setup of select-hotel in partner-sas

* wip

* Fix linting

* restructure tracking files

* Remove dependency on trpc in tracking hooks

* Move pageview tracking to common

* Fix some lint and import issues

* Add AlternativeHotelsPage

* Add SelectHotelMapPage

* Add AlternativeHotelsMapPage

* remove next dependency in tracking store

* Remove dependency on react in tracking hooks

* move isSameBooking to booking-flow

* Inject searchParamsComparator into tracking store

* Move useTrackHardNavigation to common

* Move useTrackSoftNavigation to common

* Add TrackingSDK to partner-sas

* call serverclient in layout

* Remove unused css

* Update types

* Move HotelPin type

* Fix todos

* Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow

* Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow

* Fix component


Approved-by: Joakim Jäderberg

packages/booking-flow/lib/components/SelectHotel/MobileMapButtonContainer/index.tsx

@@ -0,0 +1,55 @@
+"use client"
+
+import { useIntl } from "react-intl"
+
+import {
+  alternativeHotelsMap,
+  selectHotelMap,
+} from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import Link from "@scandic-hotels/design-system/Link"
+import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
+
+import useLang from "../../../hooks/useLang"
+import FilterAndSortModal from "../Filters/FilterAndSortModal"
+
+import styles from "./mobileMapButtonContainer.module.css"
+
+import type { CategorizedHotelFilters } from "../../../types"
+
+export default function MobileMapButtonContainer({
+  filters,
+  isAlternative,
+}: {
+  filters: CategorizedHotelFilters
+  isAlternative?: boolean
+}) {
+  const intl = useIntl()
+  const lang = useLang()
+
+  return (
+    <div className={styles.buttonContainer}>
+      <Button
+        asChild
+        theme="base"
+        variant="icon"
+        intent="secondary"
+        size="small"
+      >
+        <Link
+          href={
+            isAlternative ? alternativeHotelsMap(lang) : selectHotelMap(lang)
+          }
+          keepSearchParams
+          weight="bold"
+        >
+          <MaterialIcon icon="map" color="CurrentColor" />
+          {intl.formatMessage({
+            defaultMessage: "See on map",
+          })}
+        </Link>
+      </Button>
+      <FilterAndSortModal filters={filters} />
+    </div>
+  )
+}

packages/booking-flow/lib/components/SelectHotel/MobileMapButtonContainer/mobileMapButtonContainer.module.css

@@ -0,0 +1,15 @@
+.buttonContainer {
+  display: flex;
+  gap: var(--Spacing-x2);
+  margin-bottom: var(--Spacing-x3);
+}
+
+.buttonContainer > * {
+  flex: 1 1 50%;
+}
+
+@media (min-width: 768px) {
+  .buttonContainer {
+    display: none;
+  }
+}