@roomstay/frontend 2.6.41 → 2.6.43

package/dist/src/util/DataLayer.js

@@ -1,142 +1,85 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InteractionStep = exports.InteractionType = void 0;
-const Sentry = __importStar(require("@sentry/browser"));
-const types_1 = require("@sentry/types");
-const dayjs_1 = __importDefault(require("dayjs"));
+exports.InteractionStep = exports.InteractionType = exports.DatalayerAnalyticsMode = void 0;
 const react_gtm_module_1 = __importDefault(require("react-gtm-module"));
+const UniversalAnalytics_1 = require("./Analytics/UniversalAnalytics");
 const DATALAYER_DATE_FORMAT = 'YYYY-M-D';
+var DatalayerAnalyticsMode;
+(function (DatalayerAnalyticsMode) {
+    DatalayerAnalyticsMode["UniversalAnaltics"] = "UniversalAnalytics";
+    DatalayerAnalyticsMode["GoogleAnalytics4"] = "GoogleAnalytics4";
+})(DatalayerAnalyticsMode = exports.DatalayerAnalyticsMode || (exports.DatalayerAnalyticsMode = {}));
+let analytics = UniversalAnalytics_1.UniversalAnalytics;
 class DataLayer {
     constructor() {
-        this.enableLogging = false;
+        this.enableLogging = true;
+        this.currentCurrencyCode = '';
         this.impressions = [];
     }
-    // TODO: Move this GTM initialize call to config, so gtm IDs are always in Client world
-    static initialiseGTM(hotelConfig) {
-        var _a;
-        const gtmIds = (_a = hotelConfig === null || hotelConfig === void 0 ? void 0 : hotelConfig.datalayer) === null || _a === void 0 ? void 0 : _a.gtmIds;
+    initialiseGTM(company, hotel) {
+        var _a, _b, _c;
+        let gtmIds = [];
+        if ((_b = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.datalayer) === null || _a === void 0 ? void 0 : _a.gtmIds) === null || _b === void 0 ? void 0 : _b.length) {
+            gtmIds = hotel.datalayer.gtmIds;
+        }
+        else if (company) {
+            gtmIds = (_c = company.datalayer) === null || _c === void 0 ? void 0 : _c.gtmIds;
+        }
         gtmIds === null || gtmIds === void 0 ? void 0 : gtmIds.forEach((gtmId) => {
             react_gtm_module_1.default.initialize({ gtmId });
         });
+        this.hotel = hotel;
+        this.company = company;
+        // We set the analytics mode as it will also initilaise it.
+        analytics.initialise(this.company, this.hotel);
     }
-    setProviderHotelID(id) {
-        this.providerHotelID = id;
-    }
-    setHotelName(hotelName) {
-        this.hotelName = hotelName;
+    setAnalyticsMode(mode) {
+        analytics = mode;
+        analytics.initialise(this.company, this.hotel);
     }
     setCurrencyCodes(currentCurrencyCode, originalCurrencyCode) {
+        var _a;
+        this.currentCurrencyCode = currentCurrencyCode;
         if (originalCurrencyCode) {
             this.originalCurrencyCode = originalCurrencyCode;
         }
-    }
-    setBrandSuffix(brandSuffix) {
-        this.brandSuffix = brandSuffix;
-    }
-    generateProductInfo(room, rate, listPosition, quantity) {
-        const price = rate ? rate.getAveragePrice() : room.getLowestPrice();
-        const nameParts = [room.name];
-        const idParts = [this.providerHotelID, room.code];
-        if (rate) {
-            nameParts.push(rate.name);
-            idParts.push(rate.code);
+        if (analytics) {
+            analytics.updateCurrency(this.currentCurrencyCode, (_a = this.originalCurrencyCode) !== null && _a !== void 0 ? _a : '');
         }
-        const product = {
-            name: nameParts.join(' - '),
-            id: idParts.join(' - '),
-            price: price,
-            brand: [this.hotelName, this.providerHotelID, this.brandSuffix].filter(Boolean).join(' - '),
-            category: room.name,
-        };
-        if (rate) {
-            product.variant = rate.name;
-        }
-        if (listPosition !== undefined) {
-            product.list = 'BE List';
-            product.position = listPosition;
-        }
-        if (quantity !== undefined) {
-            product.quantity = quantity;
-        }
-        return product;
     }
-    generateAddonProductInfo(addonRow) {
-        const addon = addonRow.getAddon();
-        return {
-            name: addon.name,
-            id: addon.code,
-            price: addonRow.getTotalPrice(),
-            brand: [this.hotelName, this.providerHotelID, this.brandSuffix].filter(Boolean).join(' - '),
-            category: addon.category,
-            quantity: addonRow.getTotalQuantity(),
-        };
-    }
-    addRoomImpression(room) {
-        const product = this.generateProductInfo(room, undefined, this.impressions.length + 1);
-        this.log('room impression', product);
-        this.impressions.push(product);
+    addRoomImpression(room, dateRange, promoCode) {
+        this.impressions.push({
+            room: room,
+            promoCode,
+            dateRange,
+        });
     }
-    addRoomRateImpression(room, rate) {
-        const product = this.generateProductInfo(room, rate, this.impressions.length + 1);
-        this.log('rate impression', product);
-        this.impressions.push(product);
+    addRoomRateImpression(room, rate, dateRange, promoCode) {
+        this.impressions.push({
+            room: room,
+            rate: rate,
+            promoCode,
+            dateRange,
+        });
     }
     sendRoomImpressions() {
         this.log('sending ' + this.impressions.length + ' impressions');
         if (this.impressions.length > 0) {
+            const eventObject = analytics.generateRoomImpressionMessageObject(this.impressions);
             react_gtm_module_1.default.dataLayer({
-                dataLayer: {
-                    event: 'Product impressions',
-                    ecommerce: {
-                        currencyCode: this.originalCurrencyCode,
-                        impressions: this.impressions,
-                    },
-                },
+                dataLayer: eventObject,
             });
             this.impressions = [];
         }
     }
-    sendRoomClick(room, startDate, endDate) {
-        const product = this.generateProductInfo(room);
-        this.log('sending room rate click', product);
+    sendRoomClick(room, startDate, endDate, promoCode) {
+        const eventObject = analytics.generateProductClickMessageObject({ room, dateRange: { from: startDate, to: endDate }, promoCode });
+        this.log('sending room click', eventObject);
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'productClick',
-                ecommerce: {
-                    currencyCode: this.originalCurrencyCode,
-                    click: {
-                        products: [product],
-                    },
-                    StartDate: startDate.format(DATALAYER_DATE_FORMAT),
-                    EndDate: endDate.format(DATALAYER_DATE_FORMAT),
-                },
-            },
+            dataLayer: eventObject,
         });
     }
     sendAwayWindowOpen() {
@@ -148,47 +91,26 @@ class DataLayer {
         });
     }
     sendRoomRateAddToCart(rate, quantity, startDate, endDate) {
-        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, quantity);
-        this.log('sending room rate add to cart', product);
+        this.log('sending room rate add to cart');
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'addToCart',
-                ecommerce: {
-                    currencyCode: this.originalCurrencyCode,
-                    add: {
-                        products: [product],
-                    },
-                    StartDate: startDate.format(DATALAYER_DATE_FORMAT),
-                    EndDate: endDate.format(DATALAYER_DATE_FORMAT),
-                },
-            },
+            dataLayer: analytics.generateAddToCartMessageObject({ room: rate.getRoom(), rate, dateRange: { from: startDate, to: endDate }, quantity, promoCode: rate.promoCode }),
         });
     }
-    sendUpsellCancelled(rate) {
-        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, undefined);
-        this.log('sending room upgrade cancellation event');
+    sendUpsellConfirmed(dateRange, oldRate, newRate) {
+        this.log('sending room upgrade notification');
+        const event = analytics.generateUpsellConfirmedMessageObject({ dateRange, room: oldRate.getRoom(), rate: oldRate, promoCode: oldRate.promoCode }, { dateRange, room: newRate.getRoom(), rate: newRate, promoCode: newRate.promoCode });
+        if (!event) {
+            console.error('Failed sending upsell confirmation event');
+        }
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'upsellCancelled',
-                item: [product],
-            },
+            dataLayer: event,
         });
     }
-    sendUpsellConfirmed(oldRate, newRate) {
-        this.log('sending room upgrade notification');
-        const oldProduct = this.generateProductInfo(oldRate.getRoom(), oldRate, undefined, undefined);
-        const newProduct = this.generateProductInfo(newRate.getRoom(), newRate, undefined, undefined);
+    sendUpsellCancelled(dateRange, rate) {
+        this.log('sending room upgrade cancellation event');
+        const event = analytics.generateUpsellCancelledMessageObject({ dateRange, room: rate.getRoom(), rate, promoCode: rate.promoCode });
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'upsellConfirmed',
-                priceDifference: newRate.getTotalPrice() - oldRate.getTotalPrice(),
-                old: {
-                    products: [oldProduct],
-                },
-                new: {
-                    products: [newProduct],
-                },
-            },
+            dataLayer: event,
         });
     }
     sendRoomView(startDate, endDate) {
@@ -206,80 +128,25 @@ class DataLayer {
         });
     }
     sendCheckoutView(basketRows, addonRows) {
-        const products = [];
-        let startDate = undefined;
-        let endDate = undefined;
-        basketRows.forEach((row) => {
-            startDate = row.getStartDate();
-            endDate = row.getEndDate();
-            products.push(this.generateProductInfo(row.getRoom(), row.getRate(), undefined, row.getNumberOfDays()));
-        });
-        addonRows.forEach((row) => {
-            products.push(this.generateAddonProductInfo(row));
-        });
-        this.log('sending checkout view', products);
+        this.log('sending checkout view');
+        const event = analytics.generateCheckoutViewMessageObject(basketRows, addonRows);
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'checkout',
-                ecommerce: {
-                    currencyCode: this.originalCurrencyCode,
-                    checkout: {
-                        actionField: { step: 1 },
-                        products,
-                    },
-                    StartDate: startDate === null || startDate === void 0 ? void 0 : startDate.format(DATALAYER_DATE_FORMAT),
-                    EndDate: endDate === null || endDate === void 0 ? void 0 : endDate.format(DATALAYER_DATE_FORMAT),
-                    PageType: 'conversionintent',
-                },
-            },
+            dataLayer: event,
         });
     }
     sendReservationConfirmed(basketRows, addonRows, reservations) {
-        let i = 0;
-        basketRows.forEach((row) => {
-            var _a;
-            const products = [this.generateProductInfo(row.getRoom(), row.getRate(), undefined, row.getNumberOfDays())];
-            if (i === 0) {
-                addonRows.forEach((addonRow) => {
-                    products.push(this.generateAddonProductInfo(addonRow));
-                });
-            }
-            this.log('sending reservation confirmation', products);
-            try {
-                const upsellPrevRoom = row.getUpsellPrevRoom();
-                const extraData = {};
-                if (upsellPrevRoom) {
-                    extraData.checkoutUpsell = {
-                        active: true,
-                        oldRoom: upsellPrevRoom.code,
-                        newRoom: row.getRoom().code,
-                        priceDifference: (((_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getTotalPrice()) || 0) - (upsellPrevRoom.price || 0),
-                    };
-                }
-                react_gtm_module_1.default.dataLayer({
-                    dataLayer: {
-                        event: 'roomPurchase',
-                        ecommerce: Object.assign({ currencyCode: this.originalCurrencyCode, purchase: {
-                                actionField: {
-                                    id: reservations.reservations[i].reservationNumber,
-                                    revenue: reservations.reservations[i].total.afterTax,
-                                    tax: reservations.reservations[i].total.afterTax - reservations.reservations[i].total.beforeTax,
-                                    coupon: row.getPromoCode(),
-                                },
-                                products,
-                            }, StartDate: row.getStartDate().format(DATALAYER_DATE_FORMAT), EndDate: row.getEndDate().format(DATALAYER_DATE_FORMAT), BookingDate: (0, dayjs_1.default)().format(DATALAYER_DATE_FORMAT), PageType: 'conversion', paymentType: reservations.reservations[i].paymentMethod }, extraData),
-                    },
-                });
-            }
-            catch (e) {
-                Sentry.addBreadcrumb({
-                    level: types_1.Severity.Error,
-                    message: 'sending reservation confirmation failed',
-                    data: Object.assign(Object.assign({}, reservations), { index: i }),
-                });
-                Sentry.captureException(e);
-            }
-            i++;
+        const event = analytics.generateRoomPurchaseMessageObject(basketRows, addonRows, reservations);
+        for (const element of event) {
+            this.log('sending reservation confirmation', element);
+            react_gtm_module_1.default.dataLayer({
+                dataLayer: element,
+            });
+        }
+    }
+    sendCancellation(reservationNumber) {
+        this.log('sending cancellation for reservation ' + reservationNumber);
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: analytics.generateRefundMessageObject(reservationNumber),
         });
     }
     sendMemberSignUp() {
@@ -300,35 +167,13 @@ class DataLayer {
             dataLayer: interaction,
         });
     }
-    sendCancellation(reservationNumber) {
-        this.log('sending cancellation for reservation ' + reservationNumber);
-        react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'refund',
-                ecommerce: {
-                    refund: {
-                        actionField: {
-                            id: reservationNumber,
-                        },
-                    },
-                },
-            },
-        });
-    }
     sendDateSelection({ startDate, endDate, adult, children, infant }) {
         if (!startDate || !endDate) {
             return;
         }
         this.log('sending date selection ', startDate, endDate);
         react_gtm_module_1.default.dataLayer({
-            dataLayer: {
-                event: 'dateSelection',
-                arrivalDate: startDate.format(DATALAYER_DATE_FORMAT),
-                departureDate: endDate.format(DATALAYER_DATE_FORMAT),
-                adultQty: Number.isInteger(adult) ? `${adult}` : null,
-                childQty: Number.isInteger(children) ? `${children}` : null,
-                infantQty: Number.isInteger(infant) ? `${infant}` : null,
-            },
+            dataLayer: analytics.generateDateSelectionMessageObject({ from: startDate, to: endDate }, adult || 0, children || 0, infant || 0),
         });
     }
     log(...output) {

package/dist/src/util/DataLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataLayer.js","sourceRoot":"/","sources":["src/util/DataLayer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAA0C;AAC1C,yCAAyC;AACzC,kDAAqC;AACrC,wEAA0C;AAS1C,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,MAAqB,SAAS;IAA9B;QAGY,kBAAa,GAAG,KAAK,CAAC;QAOtB,gBAAW,GAAc,EAAE,CAAC;IAkXxC,CAAC;IA9WG,uFAAuF;IACvF,MAAM,CAAC,aAAa,CAAC,WAA8B;;QAC/C,MAAM,MAAM,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,0CAAE,MAAM,CAAC;QAC9C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACtB,0BAAU,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,kBAAkB,CAAC,EAAU;QAChC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC;IAEM,YAAY,CAAC,SAAiB;QACjC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;IAEM,gBAAgB,CAAC,mBAA2B,EAAE,oBAA6B;QAC9E,IAAI,oBAAoB,EAAE;YACtB,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;SACpD;IACL,CAAC;IAEM,cAAc,CAAC,WAA0C;QAC5D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACnC,CAAC;IAED,mBAAmB,CAAC,IAAU,EAAE,IAAe,EAAE,YAAqB,EAAE,QAAiB;QACrF,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpE,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,IAAI,EAAE;YACN,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3B;QAED,MAAM,OAAO,GAAY;YACrB,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;YACvB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3F,QAAQ,EAAE,IAAI,CAAC,IAAc;SAChC,CAAC;QAEF,IAAI,IAAI,EAAE;YACN,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;SAC/B;QAED,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;YACzB,OAAO,CAAC,QAAQ,GAAG,YAAY,CAAC;SACnC;QAED,IAAI,QAAQ,KAAK,SAAS,EAAE;YACxB,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC/B;QAED,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,wBAAwB,CAAC,QAAwB;QAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAClC,OAAO;YACH,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,EAAE,EAAE,KAAK,CAAC,IAAI;YACd,KAAK,EAAE,QAAQ,CAAC,aAAa,EAAE;YAC/B,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3F,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,QAAQ,CAAC,gBAAgB,EAAE;SACxC,CAAC;IACN,CAAC;IAED,iBAAiB,CAAC,IAAU;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACvF,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,qBAAqB,CAAC,IAAU,EAAE,IAAc;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,mBAAmB;QACf,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;QAEhE,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,0BAAU,CAAC,SAAS,CAAC;gBACjB,SAAS,EAAE;oBACP,KAAK,EAAE,qBAAqB;oBAC5B,SAAS,EAAE;wBACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;wBACvC,WAAW,EAAE,IAAI,CAAC,WAAW;qBAChC;iBACJ;aACJ,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACzB;IACL,CAAC;IAED,aAAa,CAAC,IAAU,EAAE,SAAgB,EAAE,OAAc;QACtD,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,GAAG,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;QAC7C,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,SAAS,EAAE;oBACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;oBACvC,KAAK,EAAE;wBACH,QAAQ,EAAE,CAAC,OAAO,CAAC;qBACtB;oBACD,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAClD,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC;iBACjD;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,kBAAkB;QACd,IAAI,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QAClC,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,YAAY;aACtB;SACJ,CAAC,CAAC;IACP,CAAC;IAED,qBAAqB,CAAC,IAAc,EAAE,QAAgB,EAAE,SAAgB,EAAE,OAAc;QACpF,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;QACpF,IAAI,CAAC,GAAG,CAAC,+BAA+B,EAAE,OAAO,CAAC,CAAC;QACnD,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE;oBACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;oBACvC,GAAG,EAAE;wBACD,QAAQ,EAAE,CAAC,OAAO,CAAC;qBACtB;oBACD,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAClD,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC;iBACjD;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,mBAAmB,CAAC,IAAc;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAErF,IAAI,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAC;QAEpD,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,iBAAiB;gBACxB,IAAI,EAAE,CAAC,OAAO,CAAC;aAClB;SACJ,CAAC,CAAC;IACP,CAAC;IAED,mBAAmB,CAAC,OAAiB,EAAE,OAAiB;QACpD,IAAI,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;QAE9C,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9F,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9F,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,iBAAiB;gBACxB,eAAe,EAAE,OAAO,CAAC,aAAa,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE;gBAClE,GAAG,EAAE;oBACD,QAAQ,EAAE,CAAC,UAAU,CAAC;iBACzB;gBACD,GAAG,EAAE;oBACD,QAAQ,EAAE,CAAC,UAAU,CAAC;iBACzB;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,YAAY,CAAC,SAAgB,EAAE,OAAc;QACzC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAE9B,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE;oBACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;oBACvC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,qBAAqB,CAAC;oBACnD,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,qBAAqB,CAAC;oBAC/C,QAAQ,EAAE,aAAa;iBAC1B;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,gBAAgB,CAAC,UAAuB,EAAE,SAA2B;QACjE,MAAM,QAAQ,GAAc,EAAE,CAAC;QAE/B,IAAI,SAAS,GAAsB,SAAS,CAAC;QAC7C,IAAI,OAAO,GAAsB,SAAS,CAAC;QAE3C,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,SAAS,GAAG,GAAG,CAAC,YAAY,EAAE,CAAC;YAC/B,OAAO,GAAG,GAAG,CAAC,UAAU,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,OAAO,EAAc,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;QACxH,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC;QAE5C,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,UAAU;gBACjB,SAAS,EAAE;oBACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;oBACvC,QAAQ,EAAE;wBACN,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;wBACxB,QAAQ;qBACX;oBACD,SAAS,EAAG,SAA+B,aAA/B,SAAS,uBAAT,SAAS,CAAwB,MAAM,CAAC,qBAAqB,CAAC;oBAC1E,OAAO,EAAG,OAA6B,aAA7B,OAAO,uBAAP,OAAO,CAAwB,MAAM,CAAC,qBAAqB,CAAC;oBACtE,QAAQ,EAAE,kBAAkB;iBAC/B;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,wBAAwB,CAAC,UAAuB,EAAE,SAA2B,EAAE,YAA6B;QACxG,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;YACvB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,OAAO,EAAc,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;YAExH,IAAI,CAAC,KAAK,CAAC,EAAE;gBACT,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;oBAC3B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC3D,CAAC,CAAC,CAAC;aACN;YAED,IAAI,CAAC,GAAG,CAAC,kCAAkC,EAAE,QAAQ,CAAC,CAAC;YAEvD,IAAI;gBACA,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE,CAAC;gBAC/C,MAAM,SAAS,GAA6B,EAAE,CAAC;gBAC/C,IAAI,cAAc,EAAE;oBAChB,SAAS,CAAC,cAAc,GAAG;wBACvB,MAAM,EAAE,IAAI;wBACZ,OAAO,EAAE,cAAc,CAAC,IAAI;wBAC5B,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI;wBAC3B,eAAe,EAAE,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,EAAE,0CAAE,aAAa,EAAE,KAAI,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC,CAAC;qBACvF,CAAC;iBACL;gBAED,0BAAU,CAAC,SAAS,CAAC;oBACjB,SAAS,EAAE;wBACP,KAAK,EAAE,cAAc;wBACrB,SAAS,kBACL,YAAY,EAAE,IAAI,CAAC,oBAAoB,EACvC,QAAQ,EAAE;gCACN,WAAW,EAAE;oCACT,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,iBAAiB;oCAClD,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;oCACpD,GAAG,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS;oCAC/F,MAAM,EAAE,GAAG,CAAC,YAAY,EAAE;iCAC7B;gCACD,QAAQ;6BACX,EACD,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAC3D,OAAO,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EACvD,WAAW,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAClD,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,IACpD,SAAS,CACf;qBACJ;iBACJ,CAAC,CAAC;aACN;YAAC,OAAO,CAAC,EAAE;gBACR,MAAM,CAAC,aAAa,CAAC;oBACjB,KAAK,EAAE,gBAAQ,CAAC,KAAK;oBACrB,OAAO,EAAE,yCAAyC;oBAClD,IAAI,kCAAO,YAAY,KAAE,KAAK,EAAE,CAAC,GAAE;iBACtC,CAAC,CAAC;gBACH,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;aAC9B;YAED,CAAC,EAAE,CAAC;QACR,CAAC,CAAC,CAAC;IACP,CAAC;IAED,gBAAgB;QACZ,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,eAAe;aACzB;SACJ,CAAC,CAAC;IACP,CAAC;IAED,eAAe,CAAC,IAAY,EAAE,IAAqB,EAAE,IAAqB;QACtE,MAAM,WAAW,GAAG;YAChB,kBAAkB,EAAE,IAAI;YACxB,kBAAkB,EAAE,IAAI;YACxB,kBAAkB,EAAE,IAAI;SAC3B,CAAC;QAEF,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAE7C,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE,WAAW;SACzB,CAAC,CAAC;IACP,CAAC;IAED,gBAAgB,CAAC,iBAAyB;QACtC,IAAI,CAAC,GAAG,CAAC,uCAAuC,GAAG,iBAAiB,CAAC,CAAC;QAEtE,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE;oBACP,MAAM,EAAE;wBACJ,WAAW,EAAE;4BACT,EAAE,EAAE,iBAAiB;yBACxB;qBACJ;iBACJ;aACJ;SACJ,CAAC,CAAC;IACP,CAAC;IAED,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAA4F;QACvJ,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE;YACxB,OAAO;SACV;QAED,IAAI,CAAC,GAAG,CAAC,yBAAyB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;QAExD,0BAAU,CAAC,SAAS,CAAC;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,eAAe;gBACtB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACpD,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACpD,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI;gBACrD,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI;gBAC3D,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;aAC3D;SACJ,CAAC,CAAC;IACP,CAAC;IAES,GAAG,CAAC,GAAG,MAAW;QACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACrB,OAAO;SACV;QAED,OAAO,CAAC,GAAG,CACP,eAAe;YACX,MAAM;iBACD,GAAG,CAAC,CAAC,EAAO,EAAE,EAAE;gBACb,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;oBACxB,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;iBAC7B;gBACD,OAAO,EAAE,CAAC;YACd,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC,CACtB,CAAC;IACN,CAAC;;AA3XL,4BA4XC;AA3XU,kBAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AAyYtC,IAAY,eASX;AATD,WAAY,eAAe;IACvB,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,wCAAqB,CAAA;IACrB,kDAA+B,CAAA;IAC/B,gCAAa,CAAA;IACb,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;AACzB,CAAC,EATW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAS1B;AAED,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,kDAA+B,CAAA;AACnC,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B","sourcesContent":["import * as Sentry from '@sentry/browser';\nimport { Severity } from '@sentry/types';\nimport dayjs, { Dayjs } from 'dayjs';\nimport TagManager from 'react-gtm-module';\n\nimport ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport { ConfigCompany, HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\n\nconst DATALAYER_DATE_FORMAT = 'YYYY-M-D';\nexport default class DataLayer {\n    static instance = new DataLayer();\n\n    private enableLogging = false;\n\n    private hotelName!: string;\n    private providerHotelID!: string;\n\n    private originalCurrencyCode?: string;\n\n    private impressions: Product[] = [];\n\n    private brandSuffix?: ConfigCompany['brandSuffix'];\n\n    // TODO: Move this GTM initialize call to config, so gtm IDs are always in Client world\n    static initialiseGTM(hotelConfig?: HasDatalayerTags) {\n        const gtmIds = hotelConfig?.datalayer?.gtmIds;\n        gtmIds?.forEach((gtmId) => {\n            TagManager.initialize({ gtmId });\n        });\n    }\n\n    public setProviderHotelID(id: string) {\n        this.providerHotelID = id;\n    }\n\n    public setHotelName(hotelName: string) {\n        this.hotelName = hotelName;\n    }\n\n    public setCurrencyCodes(currentCurrencyCode: string, originalCurrencyCode?: string) {\n        if (originalCurrencyCode) {\n            this.originalCurrencyCode = originalCurrencyCode;\n        }\n    }\n\n    public setBrandSuffix(brandSuffix?: ConfigCompany['brandSuffix']) {\n        this.brandSuffix = brandSuffix;\n    }\n\n    generateProductInfo(room: Room, rate?: RoomRate, listPosition?: number, quantity?: number): Product {\n        const price = rate ? rate.getAveragePrice() : room.getLowestPrice();\n        const nameParts = [room.name];\n        const idParts = [this.providerHotelID, room.code];\n        if (rate) {\n            nameParts.push(rate.name);\n            idParts.push(rate.code);\n        }\n\n        const product: Product = {\n            name: nameParts.join(' - '),\n            id: idParts.join(' - '),\n            price: price,\n            brand: [this.hotelName, this.providerHotelID, this.brandSuffix].filter(Boolean).join(' - '),\n            category: room.name as string,\n        };\n\n        if (rate) {\n            product.variant = rate.name;\n        }\n\n        if (listPosition !== undefined) {\n            product.list = 'BE List';\n            product.position = listPosition;\n        }\n\n        if (quantity !== undefined) {\n            product.quantity = quantity;\n        }\n\n        return product;\n    }\n\n    generateAddonProductInfo(addonRow: BasketAddonRow): Product {\n        const addon = addonRow.getAddon();\n        return {\n            name: addon.name,\n            id: addon.code,\n            price: addonRow.getTotalPrice(),\n            brand: [this.hotelName, this.providerHotelID, this.brandSuffix].filter(Boolean).join(' - '),\n            category: addon.category,\n            quantity: addonRow.getTotalQuantity(),\n        };\n    }\n\n    addRoomImpression(room: Room) {\n        const product = this.generateProductInfo(room, undefined, this.impressions.length + 1);\n        this.log('room impression', product);\n        this.impressions.push(product);\n    }\n\n    addRoomRateImpression(room: Room, rate: RoomRate) {\n        const product = this.generateProductInfo(room, rate, this.impressions.length + 1);\n        this.log('rate impression', product);\n        this.impressions.push(product);\n    }\n\n    sendRoomImpressions() {\n        this.log('sending ' + this.impressions.length + ' impressions');\n\n        if (this.impressions.length > 0) {\n            TagManager.dataLayer({\n                dataLayer: {\n                    event: 'Product impressions',\n                    ecommerce: {\n                        currencyCode: this.originalCurrencyCode,\n                        impressions: this.impressions,\n                    },\n                },\n            });\n\n            this.impressions = [];\n        }\n    }\n\n    sendRoomClick(room: Room, startDate: Dayjs, endDate: Dayjs) {\n        const product = this.generateProductInfo(room);\n        this.log('sending room rate click', product);\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'productClick',\n                ecommerce: {\n                    currencyCode: this.originalCurrencyCode,\n                    click: {\n                        products: [product],\n                    },\n                    StartDate: startDate.format(DATALAYER_DATE_FORMAT),\n                    EndDate: endDate.format(DATALAYER_DATE_FORMAT),\n                },\n            },\n        });\n    }\n\n    sendAwayWindowOpen() {\n        this.log('away window triggered');\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'awayWindow',\n            },\n        });\n    }\n\n    sendRoomRateAddToCart(rate: RoomRate, quantity: number, startDate: Dayjs, endDate: Dayjs) {\n        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, quantity);\n        this.log('sending room rate add to cart', product);\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'addToCart',\n                ecommerce: {\n                    currencyCode: this.originalCurrencyCode,\n                    add: {\n                        products: [product],\n                    },\n                    StartDate: startDate.format(DATALAYER_DATE_FORMAT),\n                    EndDate: endDate.format(DATALAYER_DATE_FORMAT),\n                },\n            },\n        });\n    }\n\n    sendUpsellCancelled(rate: RoomRate) {\n        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, undefined);\n\n        this.log('sending room upgrade cancellation event');\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'upsellCancelled',\n                item: [product],\n            },\n        });\n    }\n\n    sendUpsellConfirmed(oldRate: RoomRate, newRate: RoomRate) {\n        this.log('sending room upgrade notification');\n\n        const oldProduct = this.generateProductInfo(oldRate.getRoom(), oldRate, undefined, undefined);\n        const newProduct = this.generateProductInfo(newRate.getRoom(), newRate, undefined, undefined);\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'upsellConfirmed',\n                priceDifference: newRate.getTotalPrice() - oldRate.getTotalPrice(),\n                old: {\n                    products: [oldProduct],\n                },\n                new: {\n                    products: [newProduct],\n                },\n            },\n        });\n    }\n\n    sendRoomView(startDate: Dayjs, endDate: Dayjs) {\n        this.log('sending room view');\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'room',\n                ecommerce: {\n                    currencyCode: this.originalCurrencyCode,\n                    StartDate: startDate?.format(DATALAYER_DATE_FORMAT),\n                    EndDate: endDate?.format(DATALAYER_DATE_FORMAT),\n                    PageType: 'offerdetail',\n                },\n            },\n        });\n    }\n\n    sendCheckoutView(basketRows: BasketRow[], addonRows: BasketAddonRow[]) {\n        const products: Product[] = [];\n\n        let startDate: Dayjs | undefined = undefined;\n        let endDate: Dayjs | undefined = undefined;\n\n        basketRows.forEach((row) => {\n            startDate = row.getStartDate();\n            endDate = row.getEndDate();\n            products.push(this.generateProductInfo(row.getRoom(), row.getRate() as RoomRate, undefined, row.getNumberOfDays()));\n        });\n\n        addonRows.forEach((row) => {\n            products.push(this.generateAddonProductInfo(row));\n        });\n\n        this.log('sending checkout view', products);\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'checkout',\n                ecommerce: {\n                    currencyCode: this.originalCurrencyCode,\n                    checkout: {\n                        actionField: { step: 1 },\n                        products,\n                    },\n                    StartDate: (startDate as Dayjs | undefined)?.format(DATALAYER_DATE_FORMAT),\n                    EndDate: (endDate as Dayjs | undefined)?.format(DATALAYER_DATE_FORMAT),\n                    PageType: 'conversionintent',\n                },\n            },\n        });\n    }\n\n    sendReservationConfirmed(basketRows: BasketRow[], addonRows: BasketAddonRow[], reservations: ReservationsDTO) {\n        let i = 0;\n        basketRows.forEach((row) => {\n            const products = [this.generateProductInfo(row.getRoom(), row.getRate() as RoomRate, undefined, row.getNumberOfDays())];\n\n            if (i === 0) {\n                addonRows.forEach((addonRow) => {\n                    products.push(this.generateAddonProductInfo(addonRow));\n                });\n            }\n\n            this.log('sending reservation confirmation', products);\n\n            try {\n                const upsellPrevRoom = row.getUpsellPrevRoom();\n                const extraData: { checkoutUpsell?: any } = {};\n                if (upsellPrevRoom) {\n                    extraData.checkoutUpsell = {\n                        active: true,\n                        oldRoom: upsellPrevRoom.code,\n                        newRoom: row.getRoom().code,\n                        priceDifference: (row.getRate()?.getTotalPrice() || 0) - (upsellPrevRoom.price || 0),\n                    };\n                }\n\n                TagManager.dataLayer({\n                    dataLayer: {\n                        event: 'roomPurchase',\n                        ecommerce: {\n                            currencyCode: this.originalCurrencyCode,\n                            purchase: {\n                                actionField: {\n                                    id: reservations.reservations[i].reservationNumber,\n                                    revenue: reservations.reservations[i].total.afterTax,\n                                    tax: reservations.reservations[i].total.afterTax - reservations.reservations[i].total.beforeTax,\n                                    coupon: row.getPromoCode(),\n                                },\n                                products,\n                            },\n                            StartDate: row.getStartDate().format(DATALAYER_DATE_FORMAT),\n                            EndDate: row.getEndDate().format(DATALAYER_DATE_FORMAT),\n                            BookingDate: dayjs().format(DATALAYER_DATE_FORMAT),\n                            PageType: 'conversion',\n                            paymentType: reservations.reservations[i].paymentMethod,\n                            ...extraData,\n                        },\n                    },\n                });\n            } catch (e) {\n                Sentry.addBreadcrumb({\n                    level: Severity.Error,\n                    message: 'sending reservation confirmation failed',\n                    data: { ...reservations, index: i },\n                });\n                Sentry.captureException(e);\n            }\n\n            i++;\n        });\n    }\n\n    sendMemberSignUp() {\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'Email Sign up',\n            },\n        });\n    }\n\n    sendInteraction(name: string, type: InteractionType, step: InteractionStep) {\n        const interaction = {\n            'Interaction Name': name,\n            'Interaction Type': type,\n            'Interaction Step': step,\n        };\n\n        this.log('sending interaction', interaction);\n\n        TagManager.dataLayer({\n            dataLayer: interaction,\n        });\n    }\n\n    sendCancellation(reservationNumber: string) {\n        this.log('sending cancellation for reservation ' + reservationNumber);\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'refund',\n                ecommerce: {\n                    refund: {\n                        actionField: {\n                            id: reservationNumber,\n                        },\n                    },\n                },\n            },\n        });\n    }\n\n    sendDateSelection({ startDate, endDate, adult, children, infant }: { startDate: Dayjs; endDate: Dayjs; adult?: number; children?: number; infant?: number }) {\n        if (!startDate || !endDate) {\n            return;\n        }\n\n        this.log('sending date selection ', startDate, endDate);\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'dateSelection',\n                arrivalDate: startDate.format(DATALAYER_DATE_FORMAT),\n                departureDate: endDate.format(DATALAYER_DATE_FORMAT),\n                adultQty: Number.isInteger(adult) ? `${adult}` : null,\n                childQty: Number.isInteger(children) ? `${children}` : null,\n                infantQty: Number.isInteger(infant) ? `${infant}` : null,\n            },\n        });\n    }\n\n    protected log(...output: any) {\n        if (!this.enableLogging) {\n            return;\n        }\n\n        console.log(\n            '[DATALAYER]: ' +\n                output\n                    .map((it: any) => {\n                        if (typeof it === 'object') {\n                            return JSON.stringify(it);\n                        }\n                        return it;\n                    })\n                    .join('; ')\n        );\n    }\n}\n\ntype Product = {\n    name: string; // <Put the Room Variant here example - ‘BAE - Best Available Everyday - Superoo’>\n    id: string; // <Put the SKU for Room variant here example - ‘62991 - VEK - 04BAE’>\n    price: number; // <Put the PER DAY price of room>\n    brand: string; // <Put the hotel brand here example - ‘Australia - Ovolo Woolloomooloo - 62991’>\n    category: string; // <Put the Category of room here example - ‘Superoo’>\n    variant?: string; // <Put the Variant of room here example - ‘BAE - Best Available Everyday - Prepaid Rate’>\n    list?: string; // <Put ‘BE List’ if shown in Booking Engine else put ‘Hotel List’>\n    position?: number; // <Put the position of hotel in the list here example 1’>\n    quantity?: number; // <Put the rooms X nights>\n};\n\nexport enum InteractionType {\n    NUMBER_INPUT = '+-widget',\n    CALENDAR = 'Calendar',\n    BUTTON = 'Button',\n    DROPDOWN = 'Dropdown',\n    LINK_DROPDOWN = 'Link dropdown',\n    LINK = 'Link',\n    FORM_FIELD = 'Form field',\n    CHECKBOX = 'Checkbox',\n}\n\nexport enum InteractionStep {\n    DATES = 'Dates',\n    ROOMS = 'Rooms',\n    GUEST_DETAILS = 'Guest Details',\n}\n"]}
+{"version":3,"file":"DataLayer.js","sourceRoot":"/","sources":["src/util/DataLayer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dayjs } from 'dayjs';\nimport TagManager from 'react-gtm-module';\n\nimport ReservationsDTO, { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BasketRow from '@/models/BasketRow';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\n\nimport { Hotel } from '..';\nimport { Analytics } from './Analytics/Analytics';\nimport { UniversalAnalytics } from './Analytics/UniversalAnalytics';\n\nconst DATALAYER_DATE_FORMAT = 'YYYY-M-D';\n\nexport enum DatalayerAnalyticsMode {\n    UniversalAnaltics = 'UniversalAnalytics',\n    GoogleAnalytics4 = 'GoogleAnalytics4',\n}\n\nexport type GenericAnalyticsAccommodation = {\n    room: Room;\n    dateRange: { from: Dayjs; to: Dayjs };\n\n    rate?: RoomRate;\n    quantity?: number;\n    promoCode?: string;\n};\n\nlet analytics: Analytics = UniversalAnalytics;\n\nexport interface DateRange {\n    from: Dayjs;\n    to: Dayjs;\n}\n\nexport default class DataLayer {\n    static instance = new DataLayer();\n\n    private enableLogging = true;\n\n    private originalCurrencyCode?: string;\n    private currentCurrencyCode = '';\n\n    private impressions: GenericAnalyticsAccommodation[] = [];\n\n    private hotel?: Hotel;\n    private company?: ConfigCompany;\n\n    public initialiseGTM(company: ConfigCompany, hotel?: Hotel) {\n        let gtmIds: string[] | undefined = [];\n\n        if (hotel?.datalayer?.gtmIds?.length) {\n            gtmIds = hotel.datalayer.gtmIds;\n        } else if (company) {\n            gtmIds = company.datalayer?.gtmIds;\n        }\n\n        gtmIds?.forEach((gtmId) => {\n            TagManager.initialize({ gtmId });\n        });\n\n        this.hotel = hotel;\n        this.company = company;\n\n        // We set the analytics mode as it will also initilaise it.\n        analytics.initialise(this.company, this.hotel);\n    }\n\n    public setAnalyticsMode(mode: Analytics) {\n        analytics = mode;\n        analytics.initialise(this.company, this.hotel);\n    }\n\n    public setCurrencyCodes(currentCurrencyCode: string, originalCurrencyCode?: string) {\n        this.currentCurrencyCode = currentCurrencyCode;\n\n        if (originalCurrencyCode) {\n            this.originalCurrencyCode = originalCurrencyCode;\n        }\n\n        if (analytics) {\n            analytics.updateCurrency(this.currentCurrencyCode, this.originalCurrencyCode ?? '');\n        }\n    }\n\n    addRoomImpression(room: Room, dateRange: DateRange, promoCode: string) {\n        this.impressions.push({\n            room: room,\n            promoCode,\n            dateRange,\n        });\n    }\n\n    addRoomRateImpression(room: Room, rate: RoomRate, dateRange: DateRange, promoCode: string) {\n        this.impressions.push({\n            room: room,\n            rate: rate,\n            promoCode,\n            dateRange,\n        });\n    }\n\n    sendRoomImpressions() {\n        this.log('sending ' + this.impressions.length + ' impressions');\n\n        if (this.impressions.length > 0) {\n            const eventObject = analytics.generateRoomImpressionMessageObject(this.impressions);\n\n            TagManager.dataLayer({\n                dataLayer: eventObject,\n            });\n\n            this.impressions = [];\n        }\n    }\n\n    sendRoomClick(room: Room, startDate: Dayjs, endDate: Dayjs, promoCode?: string) {\n        const eventObject = analytics.generateProductClickMessageObject({ room, dateRange: { from: startDate, to: endDate }, promoCode });\n        this.log('sending room click', eventObject);\n\n        TagManager.dataLayer({\n            dataLayer: eventObject,\n        });\n    }\n\n    sendAwayWindowOpen() {\n        this.log('away window triggered');\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'awayWindow',\n            },\n        });\n    }\n\n    sendRoomRateAddToCart(rate: RoomRate, quantity: number, startDate: Dayjs, endDate: Dayjs) {\n        this.log('sending room rate add to cart');\n\n        TagManager.dataLayer({\n            dataLayer: analytics.generateAddToCartMessageObject({ room: rate.getRoom(), rate, dateRange: { from: startDate, to: endDate }, quantity, promoCode: rate.promoCode }),\n        });\n    }\n\n    sendUpsellConfirmed(dateRange: DateRange, oldRate: RoomRate, newRate: RoomRate) {\n        this.log('sending room upgrade notification');\n\n        const event = analytics.generateUpsellConfirmedMessageObject(\n            { dateRange, room: oldRate.getRoom(), rate: oldRate, promoCode: oldRate.promoCode },\n            { dateRange, room: newRate.getRoom(), rate: newRate, promoCode: newRate.promoCode }\n        );\n\n        if (!event) {\n            console.error('Failed sending upsell confirmation event');\n        }\n\n        TagManager.dataLayer({\n            dataLayer: event,\n        });\n    }\n\n    sendUpsellCancelled(dateRange: DateRange, rate: RoomRate) {\n        this.log('sending room upgrade cancellation event');\n\n        const event = analytics.generateUpsellCancelledMessageObject({ dateRange, room: rate.getRoom(), rate, promoCode: rate.promoCode });\n\n        TagManager.dataLayer({\n            dataLayer: event,\n        });\n    }\n\n    sendRoomView(startDate: Dayjs, endDate: Dayjs) {\n        this.log('sending room view');\n\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'room',\n                ecommerce: {\n                    currencyCode: this.originalCurrencyCode,\n                    StartDate: startDate?.format(DATALAYER_DATE_FORMAT),\n                    EndDate: endDate?.format(DATALAYER_DATE_FORMAT),\n                    PageType: 'offerdetail',\n                },\n            },\n        });\n    }\n\n    sendCheckoutView(basketRows: BasketRow[], addonRows: BasketAddonRow[]) {\n        this.log('sending checkout view');\n\n        const event = analytics.generateCheckoutViewMessageObject(basketRows, addonRows);\n\n        TagManager.dataLayer({\n            dataLayer: event,\n        });\n    }\n\n    sendReservationConfirmed(basketRows: BasketRow[], addonRows: BasketAddonRow[], reservations: ReservationsDTO) {\n        const event = analytics.generateRoomPurchaseMessageObject(basketRows, addonRows, reservations);\n\n        for (const element of event) {\n            this.log('sending reservation confirmation', element);\n\n            TagManager.dataLayer({\n                dataLayer: element,\n            });\n        }\n    }\n\n    sendCancellation(reservationNumber: ReservationDTO) {\n        this.log('sending cancellation for reservation ' + reservationNumber);\n\n        TagManager.dataLayer({\n            dataLayer: analytics.generateRefundMessageObject(reservationNumber),\n        });\n    }\n\n    sendMemberSignUp() {\n        TagManager.dataLayer({\n            dataLayer: {\n                event: 'Email Sign up',\n            },\n        });\n    }\n\n    sendInteraction(name: string, type: InteractionType, step: InteractionStep) {\n        const interaction = {\n            'Interaction Name': name,\n            'Interaction Type': type,\n            'Interaction Step': step,\n        };\n\n        this.log('sending interaction', interaction);\n\n        TagManager.dataLayer({\n            dataLayer: interaction,\n        });\n    }\n\n    sendDateSelection({ startDate, endDate, adult, children, infant }: { startDate: Dayjs; endDate: Dayjs; adult?: number; children?: number; infant?: number }) {\n        if (!startDate || !endDate) {\n            return;\n        }\n\n        this.log('sending date selection ', startDate, endDate);\n\n        TagManager.dataLayer({\n            dataLayer: analytics.generateDateSelectionMessageObject({ from: startDate, to: endDate }, adult || 0, children || 0, infant || 0),\n        });\n    }\n\n    protected log(...output: any) {\n        if (!this.enableLogging) {\n            return;\n        }\n\n        console.log(\n            '[DATALAYER]: ' +\n                output\n                    .map((it: any) => {\n                        if (typeof it === 'object') {\n                            return JSON.stringify(it);\n                        }\n                        return it;\n                    })\n                    .join('; ')\n        );\n    }\n}\n\nexport enum InteractionType {\n    NUMBER_INPUT = '+-widget',\n    CALENDAR = 'Calendar',\n    BUTTON = 'Button',\n    DROPDOWN = 'Dropdown',\n    LINK_DROPDOWN = 'Link dropdown',\n    LINK = 'Link',\n    FORM_FIELD = 'Form field',\n    CHECKBOX = 'Checkbox',\n}\n\nexport enum InteractionStep {\n    DATES = 'Dates',\n    ROOMS = 'Rooms',\n    GUEST_DETAILS = 'Guest Details',\n}\n"]}