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/MapWithButtonWrapper/index.tsx

@@ -0,0 +1,28 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { FakeButton } from "@scandic-hotels/design-system/FakeButton"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+
+import styles from "./mapWithButtonWrapper.module.css"
+
+export function MapWithButtonWrapper({ children }: React.PropsWithChildren) {
+  const intl = useIntl()
+  return (
+    <div className={styles.container}>
+      {children}
+      <FakeButton
+        variant="Primary"
+        color="Inverted"
+        size="Small"
+        typography="Body/Supporting text (caption)/smBold"
+        className={styles.button}
+      >
+        <MaterialIcon icon="map" color="CurrentColor" size={20} />
+        {intl.formatMessage({
+          defaultMessage: "See on map",
+        })}
+      </FakeButton>
+    </div>
+  )
+}

packages/booking-flow/lib/components/SelectHotel/MapWithButtonWrapper/mapWithButtonWrapper.module.css

@@ -0,0 +1,16 @@
+.container {
+  display: flex;
+  position: relative;
+  border-radius: var(--Corner-radius-md);
+  overflow: hidden;
+  flex-direction: column;
+
+  align-items: center;
+}
+
+.button {
+  position: absolute;
+  bottom: var(--Space-x2);
+  right: var(--Space-x2);
+  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
+}