Feat/LOY-400 create spend points modal * feat(LOY-400): Added custom button to my pages overview and skeleton file to custom modal for my points. * feat(LOY-400): Added custom button to my pages overview and components for custom modal for my points. * feat(LOY-400): Changed some style and infogridcardover * feat(LOY-400):Removed custom card components and changed in infoCard: Added imagePosition top, added optional height prop. In Card: Changed Text-wrap styling, added min-width styling to buttons, added optional Icon prop, added optional height prop * feat(LOY-400):Added linkList, LinkListItem component and messageBanner component. Added granola illustration. * feat(LOY-400): Removed background in several illustrations. Added component for illustration. Fixed LinkedList and styling for UsePointsButton. * feat(LOY-400): Added modal to PointsToSpendCard and fixed UsePointsButton. * fix(LOY-400):added some styling * feat(LOY-400): Linked Modal to contentstack and fetch the data in cards with UsePointsModal for now * feat(LOY-400): changed link to aria-component, cleaned up a bit * feat(LOY-400): Changed height for larger modals in mobile, fixed zod schema for no illustration input, cleaned up * fix(LOY-400): fixed graphql after rebase * fix(LOY-400): mini fix * fix(LOY-400): fixed pr-comments * fix(LOY-400): fixed some PR-comments * fix(LOY-400): fixed a PR-comment * feat(LOY-400): added size prop to ilustration in LinkListItem to be able to use illustrations in IllustrationByIconName * fix(LOY-400): fixed pr-comments * Merged in feat/LOY-402-pre-ticked-book-reward-night-in-booking-flow (pull request #3210) Feat/LOY-402 pre ticked book reward night in booking flow * feat(LOY-402): Changed UsePointsModal structure to handle button actions in card. * feat(LOY-402): added functionality for book now button * feat(LOY-400): pr comment fix * feat(LOY-402): transformed the contentstack data * fix(LOY-402): fixed pr comments Approved-by: Chuma Mcphoy (We Ahead) Approved-by: Anton Gunnarsson Approved-by: Matilda Landström * Merged in feat/LOY-404-add-tracking-for-spend-points-modal (pull request #3229) Feat/LOY-404 add tracking for spend points modal * feat(LOY-402): Changed UsePointsModal structure to handle button actions in card. * feat(LOY-402): added functionality for book now button * feat(LOY-400): pr comment fix * feat(LOY-402): transformed the contentstack data * feat(LOY-404): added tracking * fix(LOY-404): fix for session storage removal of bookNowFromPointsModal * feat(LOY-404): added consts * fix(LOY-404): moved foxusWidget const * fix(LOY-404): moved BOOKING_WIDGET_STATE const * fix(LOY-404):fix Approved-by: Matilda Landström * fix(LOY-400): some fixes * feat(LOY-400): created linkList storybook Approved-by: Chuma Mcphoy (We Ahead) Approved-by: Matilda Landström
228 lines
7.8 KiB
TypeScript
228 lines
7.8 KiB
TypeScript
import { createHash } from "crypto"
|
|
import { differenceInCalendarDays, format, isWeekend } from "date-fns"
|
|
|
|
import { CancellationRuleEnum } from "@scandic-hotels/common/constants/booking"
|
|
import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
|
|
import { RateEnum } from "@scandic-hotels/common/constants/rate"
|
|
import { BOOK_NOW_SESSION_KEY } from "@scandic-hotels/common/constants/sessionKeys"
|
|
import {
|
|
TrackingChannelEnum,
|
|
type TrackingSDKAncillaries,
|
|
type TrackingSDKHotelInfo,
|
|
type TrackingSDKPageData,
|
|
type TrackingSDKPaymentInfo,
|
|
} from "@scandic-hotels/tracking/types"
|
|
import { BreakfastPackageEnum } from "@scandic-hotels/trpc/enums/breakfast"
|
|
import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
|
|
|
|
import { type BookingFlowConfig } from "../../../bookingFlowConfig/bookingFlowConfig"
|
|
import { invertedBedTypeMap } from "../../../utils/SelectRate"
|
|
import { getSpecialRoomType } from "../../../utils/specialRoomType"
|
|
import { readPaymentInfoFromSessionStorage } from "../../EnterDetails/Payment/helpers"
|
|
|
|
import type { Lang } from "@scandic-hotels/common/constants/language"
|
|
import type { BookingConfirmation } from "@scandic-hotels/trpc/types/bookingConfirmation"
|
|
import type { RateDefinition } from "@scandic-hotels/trpc/types/roomAvailability"
|
|
|
|
import type { Room } from "../../../types/stores/booking-confirmation"
|
|
|
|
function getRate(cancellationRule: RateDefinition["cancellationRule"] | null) {
|
|
switch (cancellationRule) {
|
|
case CancellationRuleEnum.CancellableBefore6PM:
|
|
return RateEnum.flex
|
|
case CancellationRuleEnum.Changeable:
|
|
return RateEnum.change
|
|
case CancellationRuleEnum.NotCancellable:
|
|
return RateEnum.save
|
|
default:
|
|
return ""
|
|
}
|
|
}
|
|
|
|
function mapAncillaryPackage(
|
|
ancillaryPackage: BookingConfirmation["booking"]["packages"][number],
|
|
operaId: string
|
|
) {
|
|
const isPoints = ancillaryPackage.currency === CurrencyEnum.POINTS
|
|
return {
|
|
hotelid: operaId,
|
|
productCategory: "", // TODO: Add category
|
|
productId: ancillaryPackage.code,
|
|
productName: ancillaryPackage.description,
|
|
productPoints: isPoints ? ancillaryPackage.totalPrice : 0,
|
|
productPrice: isPoints ? 0 : ancillaryPackage.totalPrice,
|
|
productType:
|
|
ancillaryPackage.code === BreakfastPackageEnum.REGULAR_BREAKFAST
|
|
? "food"
|
|
: "room preference",
|
|
productUnits: ancillaryPackage.totalUnit,
|
|
productDeliveryTime: "",
|
|
}
|
|
}
|
|
|
|
export function getTracking(
|
|
lang: Lang,
|
|
booking: BookingConfirmation["booking"],
|
|
hotel: BookingConfirmation["hotel"],
|
|
rooms: Room[],
|
|
config: Pick<BookingFlowConfig, "bookingCodeEnabled">
|
|
) {
|
|
const arrivalDate = new Date(booking.checkInDate)
|
|
const departureDate = new Date(booking.checkOutDate)
|
|
const paymentInfoSessionData = readPaymentInfoFromSessionStorage()
|
|
|
|
const pageTrackingData: TrackingSDKPageData = {
|
|
channel: TrackingChannelEnum.hotelreservation,
|
|
domainLanguage: lang,
|
|
pageId: "booking-confirmation",
|
|
pageName: `hotelreservation|confirmation`,
|
|
pageType: "confirmation",
|
|
siteSections: `hotelreservation|confirmation`,
|
|
siteVersion: "new-web",
|
|
}
|
|
|
|
const noOfAdults = rooms.map((r) => r.adults).join(",")
|
|
const noOfChildren = rooms.map((r) => r.childrenAges?.length ?? 0).join(",")
|
|
const noOfRooms = rooms.length
|
|
const isFlexBooking =
|
|
booking.rateDefinition.cancellationRule ===
|
|
CancellationRuleEnum.CancellableBefore6PM
|
|
const isGuaranteedFlexBooking = booking.guaranteeInfo && isFlexBooking
|
|
|
|
const ancillaries: TrackingSDKAncillaries = rooms
|
|
.flatMap((r) => r.packages)
|
|
.filter(
|
|
(p) =>
|
|
p.code === RoomPackageCodeEnum.PET_ROOM ||
|
|
p.code === BreakfastPackageEnum.REGULAR_BREAKFAST
|
|
)
|
|
.map((pkg) => mapAncillaryPackage(pkg, hotel.operaId))
|
|
|
|
const bookingCodeProperties = {
|
|
bookingCode: rooms.map((room) => room.bookingCode ?? "n/a").join(", "),
|
|
bookingCodeAvailability: booking.bookingCode
|
|
? rooms.map((room) => (room.bookingCode ? "true" : "false")).join(", ")
|
|
: undefined,
|
|
}
|
|
|
|
const pointsModalConversion =
|
|
booking.roomPoints > 0 && typeof window !== "undefined"
|
|
? sessionStorage.getItem(BOOK_NOW_SESSION_KEY) === "true"
|
|
: undefined
|
|
|
|
const hotelsTrackingData: TrackingSDKHotelInfo = {
|
|
ageOfChildren: rooms.map((r) => r.childrenAges?.join(",") ?? "").join("|"),
|
|
analyticsRateCode: rooms
|
|
.map((r) => getRate(r.rateDefinition.cancellationRule))
|
|
.join("|"),
|
|
arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
|
|
bedType: rooms
|
|
.map((r) => r.bedType)
|
|
.join(",")
|
|
.toLowerCase(),
|
|
bnr: rooms.map((r) => r.confirmationNumber).join(","),
|
|
...(config.bookingCodeEnabled ? bookingCodeProperties : {}),
|
|
bookingTypeofDay: isWeekend(arrivalDate) ? "weekend" : "weekday",
|
|
breakfastOption: rooms
|
|
.map((r) => {
|
|
if (r.breakfastIncluded || r.breakfast) {
|
|
return "breakfast buffet"
|
|
}
|
|
return "no breakfast"
|
|
})
|
|
.join(","),
|
|
childBedPreference: rooms
|
|
.map(
|
|
(r) =>
|
|
r.childBedPreferences
|
|
.map((cbp) =>
|
|
Array(cbp.quantity).fill(invertedBedTypeMap[cbp.bedType])
|
|
)
|
|
.join(",") ?? ""
|
|
)
|
|
.join("|"),
|
|
country: hotel?.address.country,
|
|
departureDate: format(departureDate, "yyyy-MM-dd"),
|
|
duration: differenceInCalendarDays(departureDate, arrivalDate),
|
|
hotelID: hotel.operaId,
|
|
leadTime: differenceInCalendarDays(arrivalDate, new Date()),
|
|
noOfAdults,
|
|
noOfChildren,
|
|
noOfRooms,
|
|
rateCode: rooms.map((r) => r.rateDefinition.rateCode).join(","),
|
|
rateCodeCancellationRule: rooms
|
|
.map((r) => r.rateDefinition.cancellationRule)
|
|
.join(",")
|
|
.toLowerCase(),
|
|
rateCodeName: rooms.map(constructRateCodeName).join(","),
|
|
rateCodeType: rooms.map((r) => r.rateCodeType?.toLowerCase()).join(","),
|
|
region: hotel?.address.city,
|
|
revenueCurrencyCode: [...new Set(rooms.map((r) => r.currencyCode))].join(
|
|
","
|
|
),
|
|
rewardNight: booking.roomPoints > 0 ? "yes" : "no",
|
|
rewardNightAvailability: booking.roomPoints > 0 ? "true" : "false",
|
|
points: booking.roomPoints > 0 ? booking.roomPoints : undefined,
|
|
pointsModalConversion: pointsModalConversion ? "yes" : "no",
|
|
roomPrice: rooms.reduce((total, room) => total + room.roomPrice, 0),
|
|
roomTypeCode: rooms.map((r) => r.roomTypeCode ?? "").join(","),
|
|
searchTerm: hotel.name,
|
|
searchType: "hotel",
|
|
specialRoomType: rooms
|
|
.map((room) => getSpecialRoomType(room.packages))
|
|
.join(","),
|
|
totalPrice: rooms.reduce((total, room) => total + room.totalPrice, 0),
|
|
lateArrivalGuarantee: booking.rateDefinition.mustBeGuaranteed
|
|
? "mandatory"
|
|
: isFlexBooking
|
|
? booking.guaranteeInfo
|
|
? "yes"
|
|
: "no"
|
|
: "na",
|
|
guaranteedProduct: isGuaranteedFlexBooking ? "room" : "na",
|
|
emailId: getSHAHash(booking.guest.email),
|
|
mobileNumber: getSHAHash(booking.guest.phoneNumber),
|
|
}
|
|
|
|
const paymentInfo: TrackingSDKPaymentInfo = {
|
|
paymentStatus: isGuaranteedFlexBooking
|
|
? "glacardsaveconfirmed"
|
|
: "confirmed",
|
|
type:
|
|
booking.guaranteeInfo?.cardType ?? paymentInfoSessionData?.paymentMethod,
|
|
}
|
|
|
|
return {
|
|
hotelsTrackingData,
|
|
pageTrackingData,
|
|
paymentInfo,
|
|
ancillaries,
|
|
}
|
|
}
|
|
|
|
function constructRateCodeName(room: Room) {
|
|
if (room.cheques) {
|
|
return "corporate cheque"
|
|
} else if (room.vouchers) {
|
|
return "voucher"
|
|
} else if (room.roomPoints) {
|
|
return "redemption"
|
|
}
|
|
|
|
const rate = getRate(room.rateDefinition.cancellationRule)
|
|
|
|
const bookingCodeStr = room.bookingCode ? room.bookingCode.toUpperCase() : ""
|
|
|
|
const breakfastIncludedStr = room.breakfastIncluded
|
|
? "incl. breakfast"
|
|
: "excl. breakfast"
|
|
|
|
return [bookingCodeStr, rate, breakfastIncludedStr]
|
|
.filter(Boolean)
|
|
.join(" - ")
|
|
}
|
|
|
|
function getSHAHash(key: string) {
|
|
return createHash("sha256").update(key).digest("hex")
|
|
}
|