Merged in feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow (pull request #2600)

feat(SW-2873): Move HotelReservationSidePeek to booking-flow

* Move sidepeek store to booking-flow

* Begin move of HotelReservationSidePeek to booking-flow

* Copy Link

* Update AccessibilityAccordionItem

* Split AccessibilityAccordionItem into two components

* Fix tracking for Accordion

* Duplicate ButtonLink to booking-flow TEMP

* AdditionalAmeneties

* wip

* Move sidepeek accordion items

* Remove temp ButtonLink

* Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow

* Fix accordion tracking

* Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow

* Update exports

* Fix self-referencing import

* Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow

* Add 'use client' to tracking function

* Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow

* Fix TEMP folder

* Refactor sidepeek tracking

* Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow


Approved-by: Joakim Jäderberg

apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx

@@ -4,6 +4,7 @@ import { useState } from "react"
 import { Button as ButtonRAC } from "react-aria-components"
 import { useIntl } from "react-intl"
 
+import { SidePeekEnum } from "@scandic-hotels/booking-flow/stores/sidepeek"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -14,8 +15,6 @@ import styles from "./hotelDescription.module.css"
 
 import type { Hotel } from "@scandic-hotels/trpc/types/hotel"
 
-import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
-
 export default function HotelDescription({
   description,
   hotel,

apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx

@@ -1,4 +1,5 @@
 import TripAdvisorChip from "@scandic-hotels/booking-flow/components/TripAdvisorChip"
+import { SidePeekEnum } from "@scandic-hotels/booking-flow/stores/sidepeek"
 import { dt } from "@scandic-hotels/common/dt"
 import { getSingleDecimal } from "@scandic-hotels/common/utils/numberFormatting"
 import { Divider } from "@scandic-hotels/design-system/Divider"
@@ -20,7 +21,6 @@ import styles from "./hotelInfoCard.module.css"
 import type { Hotel } from "@scandic-hotels/trpc/types/hotel"
 
 import type { SelectRateBooking } from "@/types/components/hotelReservation/selectRate/selectRate"
-import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
 
 export type HotelInfoCardProps = {
   booking: SelectRateBooking

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Details/ToggleSidePeek.tsx

@@ -2,14 +2,16 @@
 
 import { useIntl } from "react-intl"
 
+import useSidePeekStore, {
+  SidePeekEnum,
+} from "@scandic-hotels/booking-flow/stores/sidepeek"
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
-import useSidePeekStore from "@/stores/sidepeek"
+import { trackOpenSidePeekEvent } from "@/utils/tracking"
 
 import styles from "./details.module.css"
 
-import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
 import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
 
 export default function ToggleSidePeek({
@@ -21,13 +23,19 @@ export default function ToggleSidePeek({
 
   return (
     <Button
-      onClick={() =>
+      onClick={() => {
         openSidePeek({
           key: SidePeekEnum.roomDetails,
           hotelId,
           roomTypeCode,
         })
-      }
+        trackOpenSidePeekEvent({
+          name: SidePeekEnum.roomDetails,
+          hotelId,
+          roomTypeCode,
+          includePathname: true,
+        })
+      }}
       size="Small"
       variant="Text"
       wrapping