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/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