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/SidePeekAccordions/BreakfastAccordionItem.tsx

@@ -7,10 +7,9 @@ import AccordionItem from "@scandic-hotels/design-system/Accordion/AccordionItem
 import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
 import OpeningHours from "@scandic-hotels/design-system/OpeningHours"
 import { Typography } from "@scandic-hotels/design-system/Typography"
+import { trackAccordionClick } from "@scandic-hotels/tracking/componentEvents"
 import { HotelTypeEnum } from "@scandic-hotels/trpc/enums/hotelType"
 
-import { useTrackingContext } from "../../trackingContext"
-
 import styles from "./sidePeekAccordion.module.css"
 
 import type { Restaurant } from "@scandic-hotels/trpc/types/hotel"
@@ -25,7 +24,6 @@ export default function BreakfastAccordionItem({
   hotelType,
 }: BreakfastAccordionItemProps) {
   const intl = useIntl()
-  const tracking = useTrackingContext()
 
   const openingHours = restaurants
     ?.map((restaurant) => {
@@ -46,7 +44,7 @@ export default function BreakfastAccordionItem({
       iconName={IconName.CoffeeAlt}
       type="sidepeek"
       className={styles.accordionItem}
-      onOpen={() => tracking.trackAccordionItemOpen("amenities:breakfast")}
+      onOpen={() => trackAccordionClick("amenities:breakfast")}
     >
       {openingHours ? (
         <OpeningHours

packages/booking-flow/lib/components/SidePeekAccordions/CheckInCheckOutAccordionItem.tsx

@@ -6,8 +6,7 @@ import AccordionItem from "@scandic-hotels/design-system/Accordion/AccordionItem
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
 import { Typography } from "@scandic-hotels/design-system/Typography"
-
-import { useTrackingContext } from "../../trackingContext"
+import { trackAccordionClick } from "@scandic-hotels/tracking/componentEvents"
 
 import styles from "./sidePeekAccordion.module.css"
 
@@ -21,7 +20,6 @@ export default function CheckInCheckOutAccordionItem({
   checkInData,
 }: CheckInCheckOutAccordionItemProps) {
   const intl = useIntl()
-  const tracking = useTrackingContext()
 
   const { checkInTime, checkOutTime } = checkInData
 
@@ -31,7 +29,7 @@ export default function CheckInCheckOutAccordionItem({
       iconName={IconName.Business}
       type="sidepeek"
       className={styles.accordionItem}
-      onOpen={() => tracking.trackAccordionItemOpen("amenities:check-in")}
+      onOpen={() => trackAccordionClick("amenities:check-in")}
     >
       <div className={styles.checkInCheckOutContent}>
         <Typography variant="Title/Overline/sm">

packages/booking-flow/lib/components/SidePeekAccordions/ParkingAccordionItem.tsx

@@ -7,8 +7,7 @@ import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
 import ParkingInformation from "@scandic-hotels/design-system/ParkingInformation"
 import { Typography } from "@scandic-hotels/design-system/Typography"
-
-import { useTrackingContext } from "../../trackingContext"
+import { trackAccordionClick } from "@scandic-hotels/tracking/componentEvents"
 
 import styles from "./sidePeekAccordion.module.css"
 
@@ -26,7 +25,6 @@ export default function ParkingAccordionItem({
   parkingPageHref,
 }: ParkingAccordionItemProps) {
   const intl = useIntl()
-  const tracking = useTrackingContext()
 
   if (!parking.length && !elevatorPitch && !parkingPageHref) {
     return null
@@ -40,7 +38,7 @@ export default function ParkingAccordionItem({
       iconName={IconName.Parking}
       type="sidepeek"
       className={styles.accordionItem}
-      onOpen={() => tracking.trackAccordionItemOpen("amenities:parking")}
+      onOpen={() => trackAccordionClick("amenities:parking")}
     >
       <div className={styles.parkingContent}>
         {elevatorPitch ? (