Merged in SW-3459-setup-booking-confirmation-page-in-sas (pull request #2794)

Setup booking-confirmation page in SAS

* Setup booking-confirmation page in SAS
move booking-confirmation tracking to booking-flow

* remove unused param

* Add test cards to documentation

* Fix payment callback page to use correct status


Approved-by: Anton Gunnarsson
Approved-by: Hrishikesh Vaipurkar

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

@@ -15,6 +15,7 @@ import { PaymentDetails } from "./PaymentDetails"
 import { Promos } from "./Promos"
 import { Receipt } from "./Receipt"
 import { Rooms } from "./Rooms"
+import BookingConfirmationTracking from "./Tracking"
 import { mapRoomState } from "./utils"
 
 import styles from "./bookingConfirmation.module.css"
@@ -26,17 +27,12 @@ type BookingConfirmationProps = {
   intl: IntlShape
   refId: string
   membershipFailedError: boolean
-  renderTracking: (trackingProps: {
-    bookingConfirmation: BookingConfirmation
-    refId: string
-  }) => React.ReactNode
 }
 
 export async function BookingConfirmation({
   intl,
   refId,
   membershipFailedError,
-  renderTracking,
 }: BookingConfirmationProps) {
   const bookingConfirmation = await getBookingConfirmation(refId)
 
@@ -112,7 +108,10 @@ export async function BookingConfirmation({
         </aside>
       </Confirmation>
 
-      {renderTracking({ bookingConfirmation, refId })}
+      <BookingConfirmationTracking
+        bookingConfirmation={bookingConfirmation}
+        refId={refId}
+      />
     </BookingConfirmationProvider>
   )
 }