Merged in feat/SW-1879-aa-tracking-bed-breakfastpayment (pull request #1789)

feat: SW-1879 Tracking enter-details sections

* feat: SW-1879 Tracking enter-details sections

* feat: SW-1879 removed onSelect to trigger in onSubmit

* feat: SW-1879 Removed onSelect and triggered inside onSubmit

* feat: SW-1879 Optimized to remove unnecessary useEffect triggers in every re-render

* feat: SW-1879 Updated breakfast package typings

* feat: SW-1879 Reverted RadioCardProps

* feat: SW-1879 Optimised code


Approved-by: Tobias Johansson
Approved-by: Christian Andolf

apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/index.tsx

@@ -13,6 +13,7 @@ import { PaymentMethodEnum } from "@/constants/booking"
 import Modal from "@/components/Modal"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
+import { trackPaymentSectionOpen } from "@/utils/tracking/booking"
 
 import MySavedCards from "../Payment/MySavedCards"
 import PaymentOption from "../Payment/PaymentOption"
@@ -40,7 +41,16 @@ export default function ConfirmBooking({
       <div className={styles.guaranteeContainer}>
         <div className={styles.title}>
           <div className={styles.checkbox}>
-            <Checkbox name="guarantee" />
+            <Checkbox
+              name="guarantee"
+              registerOptions={{
+                onChange: (e) => {
+                  if (e.target.value) {
+                    trackPaymentSectionOpen()
+                  }
+                },
+              }}
+            />
             <Typography variant="Body/Paragraph/mdBold">
               <p>
                 {intl.formatMessage({