@roomstay/frontend 1.3.0

package/dist/src/util/DataLayer.d.ts

@@ -0,0 +1,65 @@
+import { RoomRate } from '../models/Room/RoomRate';
+import { Room } from '../models/Room/Room';
+import { Dayjs } from 'dayjs';
+import BasketRow from '../models/BasketRow';
+import BasketAddonRow from '../models/BasketAddonRow';
+import ReservationsDTO from '../models/Api/ReservationsDTO';
+import { ConfigCompany, HasDatalayerTags } from '../models/Client/Hotel/Company';
+export default class DataLayer {
+    static instance: DataLayer;
+    private enableLogging;
+    private hotelName;
+    private providerHotelID;
+    private originalCurrencyCode?;
+    private impressions;
+    private brandSuffix?;
+    static initialiseGTM(hotelConfig?: HasDatalayerTags): void;
+    setProviderHotelID(id: string): void;
+    setHotelName(hotelName: string): void;
+    setCurrencyCodes(currentCurrencyCode: string, originalCurrencyCode?: string): void;
+    setBrandSuffix(brandSuffix?: ConfigCompany['brandSuffix']): void;
+    generateProductInfo(room: Room, rate?: RoomRate, listPosition?: number, quantity?: number): Product;
+    generateAddonProductInfo(addonRow: BasketAddonRow): Product;
+    addRoomImpression(room: Room): void;
+    addRoomRateImpression(room: Room, rate: RoomRate): void;
+    sendRoomImpressions(): void;
+    sendRoomClick(room: Room, startDate: Dayjs, endDate: Dayjs): void;
+    sendAwayWindowOpen(): void;
+    sendRoomRateAddToCart(rate: RoomRate, quantity: number, startDate: Dayjs, endDate: Dayjs): void;
+    sendUpsellCancelled(rate: RoomRate): void;
+    sendUpsellConfirmed(oldRate: RoomRate, newRate: RoomRate): void;
+    sendRoomView(startDate: Dayjs, endDate: Dayjs): void;
+    sendCheckoutView(basketRows: BasketRow[], addonRows: BasketAddonRow[]): void;
+    sendReservationConfirmed(basketRows: BasketRow[], addonRows: BasketAddonRow[], reservations: ReservationsDTO): void;
+    sendMemberSignUp(): void;
+    sendInteraction(name: string, type: InteractionType, step: InteractionStep): void;
+    sendCancellation(reservationNumber: string): void;
+    protected log(...output: any): void;
+}
+declare type Product = {
+    name: string;
+    id: string;
+    price: number;
+    brand: string;
+    category: string;
+    variant?: string;
+    list?: string;
+    position?: number;
+    quantity?: number;
+};
+export declare enum InteractionType {
+    NUMBER_INPUT = "+-widget",
+    CALENDAR = "Calendar",
+    BUTTON = "Button",
+    DROPDOWN = "Dropdown",
+    LINK_DROPDOWN = "Link dropdown",
+    LINK = "Link",
+    FORM_FIELD = "Form field",
+    CHECKBOX = "Checkbox"
+}
+export declare enum InteractionStep {
+    DATES = "Dates",
+    ROOMS = "Rooms",
+    GUEST_DETAILS = "Guest Details"
+}
+export {};

package/dist/src/util/DataLayer.js

@@ -0,0 +1,322 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionStep = exports.InteractionType = void 0;
+const react_gtm_module_1 = require("react-gtm-module");
+const dayjs = require("dayjs");
+const Sentry = require("@sentry/browser");
+const types_1 = require("@sentry/types");
+const DATALAYER_DATE_FORMAT = 'YYYY-M-D';
+class DataLayer {
+    constructor() {
+        this.enableLogging = true;
+        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;
+        gtmIds.forEach((gtmId) => {
+            react_gtm_module_1.default.initialize({ gtmId });
+        });
+    }
+    setProviderHotelID(id) {
+        this.providerHotelID = id;
+    }
+    setHotelName(hotelName) {
+        this.hotelName = hotelName;
+    }
+    setCurrencyCodes(currentCurrencyCode, originalCurrencyCode) {
+        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);
+        }
+        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);
+    }
+    addRoomRateImpression(room, rate) {
+        const product = this.generateProductInfo(room, rate, this.impressions.length + 1);
+        this.log('rate impression', product);
+        this.impressions.push(product);
+    }
+    sendRoomImpressions() {
+        this.log('sending ' + this.impressions.length + ' impressions');
+        if (this.impressions.length > 0) {
+            react_gtm_module_1.default.dataLayer({
+                dataLayer: {
+                    event: 'Product impressions',
+                    ecommerce: {
+                        currencyCode: this.originalCurrencyCode,
+                        impressions: this.impressions,
+                    },
+                },
+            });
+            this.impressions = [];
+        }
+    }
+    sendRoomClick(room, startDate, endDate) {
+        const product = this.generateProductInfo(room);
+        this.log('sending room rate click', product);
+        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),
+                },
+            },
+        });
+    }
+    sendAwayWindowOpen() {
+        this.log('away window triggered');
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: {
+                event: 'awayWindow',
+            },
+        });
+    }
+    sendRoomRateAddToCart(rate, quantity, startDate, endDate) {
+        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, quantity);
+        this.log('sending room rate add to cart', product);
+        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),
+                },
+            },
+        });
+    }
+    sendUpsellCancelled(rate) {
+        const product = this.generateProductInfo(rate.getRoom(), rate, undefined, undefined);
+        this.log('sending room upgrade cancellation event');
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: {
+                event: 'upsellCancelled',
+                item: [product],
+            },
+        });
+    }
+    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);
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: {
+                event: 'upsellConfirmed',
+                priceDifference: newRate.getTotalPrice() - oldRate.getTotalPrice(),
+                old: {
+                    products: [oldProduct],
+                },
+                new: {
+                    products: [newProduct],
+                },
+            },
+        });
+    }
+    sendRoomView(startDate, endDate) {
+        this.log('sending room view');
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: {
+                event: 'room',
+                ecommerce: {
+                    currencyCode: this.originalCurrencyCode,
+                    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: 'offerdetail',
+                },
+            },
+        });
+    }
+    sendCheckoutView(basketRows, addonRows) {
+        const products = [];
+        let startDate;
+        let endDate;
+        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);
+        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',
+                },
+            },
+        });
+    }
+    sendReservationConfirmed(basketRows, addonRows, reservations) {
+        let i = 0;
+        basketRows.forEach((row) => {
+            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 {
+                react_gtm_module_1.default.dataLayer({
+                    dataLayer: {
+                        event: 'roomPurchase',
+                        ecommerce: {
+                            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: dayjs().format(DATALAYER_DATE_FORMAT),
+                            PageType: 'conversion',
+                        },
+                    },
+                });
+            }
+            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++;
+        });
+    }
+    sendMemberSignUp() {
+        react_gtm_module_1.default.dataLayer({
+            dataLayer: {
+                event: 'Email Sign up',
+            },
+        });
+    }
+    sendInteraction(name, type, step) {
+        const interaction = {
+            'Interaction Name': name,
+            'Interaction Type': type,
+            'Interaction Step': step,
+        };
+        this.log('sending interaction', interaction);
+        react_gtm_module_1.default.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,
+                        },
+                    },
+                },
+            },
+        });
+    }
+    log(...output) {
+        if (!this.enableLogging) {
+            return;
+        }
+        console.log('[DATALAYER]: ' +
+            output
+                .map((it) => {
+                if (typeof it === 'object') {
+                    return JSON.stringify(it);
+                }
+                return it;
+            })
+                .join('; '));
+    }
+}
+exports.default = DataLayer;
+DataLayer.instance = new DataLayer();
+var InteractionType;
+(function (InteractionType) {
+    InteractionType["NUMBER_INPUT"] = "+-widget";
+    InteractionType["CALENDAR"] = "Calendar";
+    InteractionType["BUTTON"] = "Button";
+    InteractionType["DROPDOWN"] = "Dropdown";
+    InteractionType["LINK_DROPDOWN"] = "Link dropdown";
+    InteractionType["LINK"] = "Link";
+    InteractionType["FORM_FIELD"] = "Form field";
+    InteractionType["CHECKBOX"] = "Checkbox";
+})(InteractionType = exports.InteractionType || (exports.InteractionType = {}));
+var InteractionStep;
+(function (InteractionStep) {
+    InteractionStep["DATES"] = "Dates";
+    InteractionStep["ROOMS"] = "Rooms";
+    InteractionStep["GUEST_DETAILS"] = "Guest Details";
+})(InteractionStep = exports.InteractionStep || (exports.InteractionStep = {}));
+//# sourceMappingURL=DataLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataLayer.js","sourceRoot":"/","sources":["src/util/DataLayer.ts"],"names":[],"mappings":";;;AAAA,uDAA0C;AAG1C,+BAA+B;AAK/B,0CAA0C;AAC1C,yCAAyC;AAGzC,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,MAAqB,SAAS;IAA9B;QAGY,kBAAa,GAAG,IAAI,CAAC;QAOrB,gBAAW,GAAc,EAAE,CAAC;IAkVxC,CAAC;IA9UG,uFAAuF;IACvF,MAAM,CAAC,aAAa,CAAC,WAA8B;;QAC/C,MAAM,MAAM,SAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,0CAAE,MAAM,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACrB,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,IAAI;SACtB,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,SAAgB,CAAC;QACrB,IAAI,OAAc,CAAC;QAEnB,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,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;QAC5G,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,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,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,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;YAE5G,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,0BAAU,CAAC,SAAS,CAAC;oBACjB,SAAS,EAAE;wBACP,KAAK,EAAE,cAAc;wBACrB,SAAS,EAAE;4BACP,YAAY,EAAE,IAAI,CAAC,oBAAoB;4BACvC,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;4BACD,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;4BAC3D,OAAO,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;4BACvD,WAAW,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;4BAClD,QAAQ,EAAE,YAAY;yBACzB;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;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;;AA3VL,4BA4VC;AA3VU,kBAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AAyWtC,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 TagManager from 'react-gtm-module';\nimport { RoomRate } from '../models/Room/RoomRate';\nimport { Room } from '../models/Room/Room';\nimport * as dayjs from 'dayjs';\nimport { Dayjs } from 'dayjs';\nimport BasketRow from '../models/BasketRow';\nimport BasketAddonRow from '../models/BasketAddonRow';\nimport ReservationsDTO from '../models/Api/ReservationsDTO';\nimport * as Sentry from '@sentry/browser';\nimport { Severity } from '@sentry/types';\nimport { ConfigCompany, HasDatalayerTags } from '../models/Client/Hotel/Company';\n\nconst DATALAYER_DATE_FORMAT = 'YYYY-M-D';\nexport default class DataLayer {\n    static instance = new DataLayer();\n\n    private enableLogging = true;\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,\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;\n        let endDate: Dayjs;\n\n        basketRows.forEach((row) => {\n            startDate = row.getStartDate();\n            endDate = row.getEndDate();\n            products.push(this.generateProductInfo(row.getRoom(), row.getRate(), 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?.format(DATALAYER_DATE_FORMAT),\n                    EndDate: endDate?.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(), 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                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                        },\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    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"]}

package/dist/src/util/ScreenSize.d.ts

@@ -0,0 +1,9 @@
+declare enum ScreenSize {
+    Tiny = 350,
+    Mobile = 539,
+    Medium = 767,
+    Large = 991,
+    ExtraLarge = 1199,
+    Gigantic = 60000
+}
+export default ScreenSize;

package/dist/src/util/ScreenSize.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ScreenSize;
+(function (ScreenSize) {
+    ScreenSize[ScreenSize["Tiny"] = 350] = "Tiny";
+    ScreenSize[ScreenSize["Mobile"] = 539] = "Mobile";
+    ScreenSize[ScreenSize["Medium"] = 767] = "Medium";
+    ScreenSize[ScreenSize["Large"] = 991] = "Large";
+    ScreenSize[ScreenSize["ExtraLarge"] = 1199] = "ExtraLarge";
+    ScreenSize[ScreenSize["Gigantic"] = 60000] = "Gigantic";
+})(ScreenSize || (ScreenSize = {}));
+exports.default = ScreenSize;
+//# sourceMappingURL=ScreenSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSize.js","sourceRoot":"/","sources":["src/util/ScreenSize.ts"],"names":[],"mappings":";;AAAA,IAAK,UAOJ;AAPD,WAAK,UAAU;IACX,6CAAU,CAAA;IACV,iDAAY,CAAA;IACZ,iDAAY,CAAA;IACZ,+CAAW,CAAA;IACX,0DAAiB,CAAA;IACjB,uDAAgB,CAAA;AACpB,CAAC,EAPI,UAAU,KAAV,UAAU,QAOd;AAED,kBAAe,UAAU,CAAC","sourcesContent":["enum ScreenSize {\n    Tiny = 350,\n    Mobile = 539,\n    Medium = 767,\n    Large = 991,\n    ExtraLarge = 1199,\n    Gigantic = 60000,\n}\n\nexport default ScreenSize;\n"]}

package/dist/src/util/StepManager.d.ts

@@ -0,0 +1,19 @@
+import type Step from '../pages/steps/Step';
+export default class StepManager {
+    static STEP_BASE: string;
+    static currentSteps: {
+        [x: number]: Step;
+    };
+    static getStepFromName(name: string): Step;
+    static getStepIndex(name: string): number;
+    static getFirstStep(): Step;
+    /**
+     * Returns a zero indexed array of Steps, imagine Object.values();
+     */
+    private static getStepsAsArray;
+    static getNextStepUrl(step: Step): string;
+    static getPreviousStepUrl(step: Step): string;
+    static hasStep(step: Step): boolean;
+    static addStep(priority: number, step: Step): void;
+    static getSteps(): Step[];
+}

package/dist/src/util/StepManager.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const FullPageBookingEngineElementEvents_1 = require("../engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
+class StepManager {
+    static getStepFromName(name) {
+        for (const step of Object.values(this.currentSteps)) {
+            if (step.getName() === name) {
+                return step;
+            }
+        }
+        return null;
+    }
+    static getStepIndex(name) {
+        let index = 1;
+        for (const step of this.getStepsAsArray()) {
+            if (step.getName() === name) {
+                return index;
+            }
+            index++;
+        }
+        return index;
+    }
+    static getFirstStep() {
+        return this.getStepsAsArray()[0];
+    }
+    /**
+     * Returns a zero indexed array of Steps, imagine Object.values();
+     */
+    static getStepsAsArray() {
+        return Object.values(this.currentSteps);
+    }
+    static getNextStepUrl(step) {
+        const steps = this.getStepsAsArray();
+        for (const stepId in steps) {
+            if (steps[stepId].getName() === step.getName() && stepId !== `${steps.length - 1}`) {
+                return steps[parseInt(stepId, 10) + 1].getStepUrl();
+            }
+        }
+        return step.getStepUrl();
+    }
+    static getPreviousStepUrl(step) {
+        const steps = this.getStepsAsArray();
+        for (const stepId in steps) {
+            if (steps[stepId].getName() === step.getName() && stepId !== '0') {
+                return steps[parseInt(stepId, 10) - 1].getStepUrl();
+            }
+        }
+        return step.getStepUrl();
+    }
+    static hasStep(step) {
+        const steps = this.getStepsAsArray();
+        return steps.includes(step);
+    }
+    static addStep(priority, step) {
+        // TODO: add logic to prevent adding duplicate named steps
+        this.currentSteps[priority] = step;
+        // TODO: refactor this to post messages / listen to messages in right place so anything can hook into these events called.
+        FullPageBookingEngineElementEvents_1.FullPageBookingEngineElementEvents.reload();
+    }
+    static getSteps() {
+        return Object.values(this.currentSteps);
+    }
+}
+exports.default = StepManager;
+StepManager.STEP_BASE = '/step/';
+StepManager.currentSteps = {};
+//# sourceMappingURL=StepManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepManager.js","sourceRoot":"/","sources":["src/util/StepManager.ts"],"names":[],"mappings":";;AACA,4HAAyH;AAEzH,MAAqB,WAAW;IAKrB,MAAM,CAAC,eAAe,CAAC,IAAY;QACtC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YACjD,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;gBACzB,OAAO,IAAI,CAAC;aACf;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,MAAM,CAAC,YAAY,CAAC,IAAY;QACnC,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YACvC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;gBACzB,OAAO,KAAK,CAAC;aAChB;YACD,KAAK,EAAE,CAAC;SACX;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAEM,MAAM,CAAC,YAAY;QACtB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAED;;OAEG;IACK,MAAM,CAAC,eAAe;QAC1B,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,IAAU;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAErC,KAAK,MAAM,MAAM,IAAI,KAAK,EAAE;YACxB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE;gBAChF,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;aACvD;SACJ;QAED,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IAEM,MAAM,CAAC,kBAAkB,CAAC,IAAU;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAErC,KAAK,MAAM,MAAM,IAAI,KAAK,EAAE;YACxB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI,MAAM,KAAK,GAAG,EAAE;gBAC9D,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;aACvD;SACJ;QAED,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IAEM,MAAM,CAAC,OAAO,CAAC,IAAU;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAErC,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,OAAO,CAAC,QAAgB,EAAE,IAAU;QAC9C,0DAA0D;QAC1D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QAEnC,0HAA0H;QAC1H,uEAAkC,CAAC,MAAM,EAAE,CAAC;IAChD,CAAC;IAEM,MAAM,CAAC,QAAQ;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC;;AA/EL,8BAgFC;AA/EiB,qBAAS,GAAG,QAAQ,CAAC;AAErB,wBAAY,GAA0B,EAAE,CAAC","sourcesContent":["import type Step from '../pages/steps/Step';\nimport { FullPageBookingEngineElementEvents } from '../engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\n\nexport default class StepManager {\n    public static STEP_BASE = '/step/';\n\n    public static currentSteps: { [x: number]: Step } = {};\n\n    public static getStepFromName(name: string) {\n        for (const step of Object.values(this.currentSteps)) {\n            if (step.getName() === name) {\n                return step;\n            }\n        }\n\n        return null;\n    }\n\n    public static getStepIndex(name: string) {\n        let index = 1;\n\n        for (const step of this.getStepsAsArray()) {\n            if (step.getName() === name) {\n                return index;\n            }\n            index++;\n        }\n\n        return index;\n    }\n\n    public static getFirstStep() {\n        return this.getStepsAsArray()[0];\n    }\n\n    /**\n     * Returns a zero indexed array of Steps, imagine Object.values();\n     */\n    private static getStepsAsArray(): Step[] {\n        return Object.values(this.currentSteps);\n    }\n\n    public static getNextStepUrl(step: Step): string {\n        const steps = this.getStepsAsArray();\n\n        for (const stepId in steps) {\n            if (steps[stepId].getName() === step.getName() && stepId !== `${steps.length - 1}`) {\n                return steps[parseInt(stepId, 10) + 1].getStepUrl();\n            }\n        }\n\n        return step.getStepUrl();\n    }\n\n    public static getPreviousStepUrl(step: Step) {\n        const steps = this.getStepsAsArray();\n\n        for (const stepId in steps) {\n            if (steps[stepId].getName() === step.getName() && stepId !== '0') {\n                return steps[parseInt(stepId, 10) - 1].getStepUrl();\n            }\n        }\n\n        return step.getStepUrl();\n    }\n\n    public static hasStep(step: Step) {\n        const steps = this.getStepsAsArray();\n\n        return steps.includes(step);\n    }\n\n    public static addStep(priority: number, step: Step) {\n        // TODO: add logic to prevent adding duplicate named steps\n        this.currentSteps[priority] = step;\n\n        // TODO: refactor this to post messages / listen to messages in right place so anything can hook into these events called.\n        FullPageBookingEngineElementEvents.reload();\n    }\n\n    public static getSteps(): Step[] {\n        return Object.values(this.currentSteps);\n    }\n}\n"]}

package/dist/src/util/StringHelper.d.ts

@@ -0,0 +1,7 @@
+import { TFunction } from 'i18next';
+export default class StringHelper {
+    static plural(count: number, word: string): string;
+    static pluralWithCount(count: number, word: string): string;
+    static pluralWithDict(count: number, path: string, translation?: TFunction): string;
+    static pluralWithDictAndCount(count: number, path: string, translation?: TFunction): string;
+}

package/dist/src/util/StringHelper.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_i18next_1 = require("react-i18next");
+class StringHelper {
+    static plural(count, word) {
+        switch (word.toLowerCase()) {
+            case 'child':
+            case 'children':
+                return count === 1 ? 'Child' : 'Children';
+            default:
+                return count === 1 ? word : `${word}s`;
+        }
+    }
+    static pluralWithCount(count, word) {
+        return `${count} ${this.plural(count, word)}`;
+    }
+    static pluralWithDict(count, path, translation) {
+        if (!translation) {
+            const { t } = react_i18next_1.useTranslation();
+            translation = t;
+        }
+        const target = count === 1 ? path : `${path}_plural`;
+        return translation(target);
+    }
+    static pluralWithDictAndCount(count, path, translation) {
+        return `${count} ${this.pluralWithDict(count, path, translation)}`;
+    }
+}
+exports.default = StringHelper;
+//# sourceMappingURL=StringHelper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringHelper.js","sourceRoot":"/","sources":["src/util/StringHelper.ts"],"names":[],"mappings":";;AAAA,iDAA+C;AAG/C,MAAqB,YAAY;IACtB,MAAM,CAAC,MAAM,CAAC,KAAa,EAAE,IAAY;QAC5C,QAAQ,IAAI,CAAC,WAAW,EAAE,EAAE;YACxB,KAAK,OAAO,CAAC;YACb,KAAK,UAAU;gBACX,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;YAC9C;gBACI,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC;SAC9C;IACL,CAAC;IAEM,MAAM,CAAC,eAAe,CAAC,KAAa,EAAE,IAAY;QACrD,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IAClD,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,KAAa,EAAE,IAAY,EAAE,WAAuB;QAC7E,IAAI,CAAC,WAAW,EAAE;YACd,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;YAE/B,WAAW,GAAG,CAAC,CAAC;SACnB;QAED,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,SAAS,CAAC;QAErD,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM,CAAC,sBAAsB,CAAC,KAAa,EAAE,IAAY,EAAE,WAAuB;QACrF,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;IACvE,CAAC;CACJ;AA9BD,+BA8BC","sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { TFunction } from 'i18next';\n\nexport default class StringHelper {\n    public static plural(count: number, word: string) {\n        switch (word.toLowerCase()) {\n            case 'child':\n            case 'children':\n                return count === 1 ? 'Child' : 'Children';\n            default:\n                return count === 1 ? word : `${word}s`;\n        }\n    }\n\n    public static pluralWithCount(count: number, word: string) {\n        return `${count} ${this.plural(count, word)}`;\n    }\n\n    public static pluralWithDict(count: number, path: string, translation?: TFunction) {\n        if (!translation) {\n            const { t } = useTranslation();\n\n            translation = t;\n        }\n\n        const target = count === 1 ? path : `${path}_plural`;\n\n        return translation(target);\n    }\n\n    public static pluralWithDictAndCount(count: number, path: string, translation?: TFunction) {\n        return `${count} ${this.pluralWithDict(count, path, translation)}`;\n    }\n}\n"]}

package/dist/src/util/TextAlignment.d.ts

@@ -0,0 +1,4 @@
+export declare enum TextAlign {
+    Center = "u-align-center",
+    Right = "u-align-right"
+}

package/dist/src/util/TextAlignment.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAlign = void 0;
+var TextAlign;
+(function (TextAlign) {
+    TextAlign["Center"] = "u-align-center";
+    TextAlign["Right"] = "u-align-right";
+})(TextAlign = exports.TextAlign || (exports.TextAlign = {}));
+//# sourceMappingURL=TextAlignment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignment.js","sourceRoot":"/","sources":["src/util/TextAlignment.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;AAC3B,CAAC,EAHW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAGpB","sourcesContent":["export enum TextAlign {\n    Center = 'u-align-center',\n    Right = 'u-align-right',\n}\n"]}

package/dist/src/util/TimeHelper.d.ts

@@ -0,0 +1,3 @@
+export default class TimeHelper {
+    static convert24To12hr(time: string): string;
+}

package/dist/src/util/TimeHelper.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class TimeHelper {
+    static convert24To12hr(time) {
+        const numberTime = Number.parseInt(time, 10);
+        const AMPM = Math.floor(numberTime / 1200) === 1 ? 'PM' : 'AM';
+        let hours = Math.floor((numberTime % 1200) / 100);
+        if (hours === 0) {
+            hours = 12;
+        }
+        const minutes = `${numberTime % 100}`.padStart(2, '0');
+        return `${hours}:${minutes} ${AMPM}`;
+    }
+}
+exports.default = TimeHelper;
+//# sourceMappingURL=TimeHelper.js.map