Merged in feat/sw-3473-remove-tracking-context (pull request #2843)

feat(SW-3473): Rework booking-flow tracking provider

* Remove tracking context and import instead

* Remove unused file


Approved-by: Joakim Jäderberg

packages/booking-flow/lib/components/HotelDetailsSidePeek/HotelSidePeekContent/index.tsx

@@ -5,8 +5,8 @@ import AccordionItem from "@scandic-hotels/design-system/Accordion/AccordionItem
 import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
 import { Typography } from "@scandic-hotels/design-system/Typography"
+import { trackAccordionClick } from "@scandic-hotels/tracking/componentEvents"
 
-import { useTrackingContext } from "../../../trackingContext"
 import AdditionalAmenities from "../../AdditionalAmenities"
 import Contact from "../../Contact"
 import BreakfastAccordionItem from "../../SidePeekAccordions/BreakfastAccordionItem"
@@ -82,7 +82,6 @@ function AccessibilityAccordionItem({
   elevatorPitch,
 }: AccessibilityAccordionItemProps) {
   const intl = useIntl()
-  const tracking = useTrackingContext()
 
   if (!elevatorPitch) {
     return null
@@ -96,7 +95,7 @@ function AccessibilityAccordionItem({
       iconName={IconName.Accessibility}
       className={styles.accordionItem}
       type="sidepeek"
-      onOpen={() => tracking.trackAccordionItemOpen("amenities:accessibility")}
+      onOpen={() => trackAccordionClick("amenities:accessibility")}
     >
       <div className={styles.accessibilityContent}>
         <Typography variant="Body/Paragraph/mdRegular">

packages/booking-flow/lib/components/HotelDetailsSidePeek/index.tsx

@@ -5,8 +5,8 @@ import { DialogTrigger } from "react-aria-components"
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import SidePeekSelfControlled from "@scandic-hotels/design-system/SidePeekSelfControlled"
+import { trackOpenSidePeekEvent } from "@scandic-hotels/tracking/componentEvents"
 
-import { useTrackingContext } from "../../trackingContext"
 import { HotelSidePeekContent } from "./HotelSidePeekContent"
 
 import type {
@@ -58,7 +58,6 @@ export function HotelDetailsSidePeek({
   wrapping = true,
   buttonVariant,
 }: HotelDetailsSidePeekProps) {
-  const tracking = useTrackingContext()
   const buttonProps = buttonPropsMap[buttonVariant]
 
   return (
@@ -67,7 +66,7 @@ export function HotelDetailsSidePeek({
         {...buttonProps}
         wrapping={wrapping}
         onPress={() =>
-          tracking.trackOpenSidePeek({
+          trackOpenSidePeekEvent({
             name: SidePeekEnum.hotelDetails,
             hotelId: hotel.operaId,
             includePathname: true,