@roomstay/frontend 1.3.0

package/dist/src/providers/RoomstayThemeEngine.js

@@ -0,0 +1,184 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoomstayTheme = exports.ModulePermission = void 0;
+// tslint:disable-next-line: no-submodule-imports
+const isSameOrAfter = require("dayjs/plugin/isSameOrAfter");
+// tslint:disable-next-line: no-submodule-imports
+const isSameOrBefore = require("dayjs/plugin/isSameOrBefore");
+const dayjs = require("dayjs");
+const LanguageProvider_1 = require("./LanguageProvider");
+const i18next_1 = require("i18next");
+const react_i18next_1 = require("react-i18next");
+const Sentry = require("@sentry/browser");
+const ROP = require("resize-observer-polyfill");
+const HotelContextEventHandler_1 = require("../handlers/HotelContextEventHandler");
+// TODO Re-think our approach on permissions and who can see what.
+var ModulePermission;
+(function (ModulePermission) {
+    ModulePermission["NumberOfPeopleBookedPill"] = "Number Of People Booked Pill";
+})(ModulePermission = exports.ModulePermission || (exports.ModulePermission = {}));
+/** @ts-ignore */
+if (typeof ResizeObserver === 'undefined') {
+    window.ResizeObserver = ROP.default;
+}
+var RoomstayTheme;
+(function (RoomstayTheme) {
+    RoomstayTheme["Medium"] = "medium";
+    RoomstayTheme["Light"] = "light";
+})(RoomstayTheme = exports.RoomstayTheme || (exports.RoomstayTheme = {}));
+class RoomstayThemeEngine {
+    constructor() {
+        this.currentCompany = null;
+        this.ModulesAllowed = [];
+        this.ScriptContainer = null;
+        this.StyleContainer = null;
+        this.selectedLang = LanguageProvider_1.Language.en_us;
+        // TODO This needs to be changed, not ideal to just check for localhost
+        this.isLocalhost = location.hostname === 'localhost';
+        // TODO: This needs to be refactored to not be a fixed string.
+        this.ThemeType = RoomstayTheme.Light;
+        this.ExternalStyles = [];
+        this.ExternalScripts = ['https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js'];
+        this.reloadScriptAndStyleContainers = () => {
+            this.StyleContainer = this.createElementOrReuseExisting('div', 'style-container');
+            this.ScriptContainer = this.createElementOrReuseExisting('div', 'script-container');
+            this.ScriptContainer.innerHTML = '';
+            this.StyleContainer.innerHTML = '';
+            this.registerStyles();
+        };
+        this.changeCompany = (newCompany) => {
+            this.currentCompany = newCompany;
+            this.registerStyles(newCompany.colors);
+            // TODO: Remove these hooks as they're useless
+            if (HotelContextEventHandler_1.HotelContextEventHandler === null || HotelContextEventHandler_1.HotelContextEventHandler === void 0 ? void 0 : HotelContextEventHandler_1.HotelContextEventHandler.onHotelChange) {
+                HotelContextEventHandler_1.HotelContextEventHandler.onHotelChange();
+            }
+        };
+        this.changeTheme = (profile) => __awaiter(this, void 0, void 0, function* () {
+            const styleOverrides = this.createElementOrReuseExisting('style', 'engine-styles');
+            styleOverrides.setAttribute('rel', 'preload');
+            let headerOverrides = '';
+            if (profile.navbar) {
+                headerOverrides = `
+            --color-header-background: ${profile.navbar.background}!important;
+            --color-header-text: ${profile.navbar.text}!important;
+            --color-header-text-active: ${profile.navbar.textActive}!important;
+            `;
+            }
+            styleOverrides.innerHTML = `
+            .roomstay-booking-container {
+                --color-accent-1: ${profile.accent}!important;
+                --color-accent-2: ${profile.accent2}!important;
+                --color-accent-3: ${profile.accent3}!important;
+
+                ${headerOverrides}
+
+                ${profile.success ? `--color-success: ${profile.success}!important;` : ''}
+            }
+            `;
+        });
+        this.registerStyles = (profile) => __awaiter(this, void 0, void 0, function* () {
+            console.log('Loading custom Theme Styles');
+            if (profile) {
+                this.changeTheme(profile);
+            }
+            this.ExternalStyles.forEach((url, index) => {
+                const style = this.createElementOrReuseExisting('link', `engine-external-style-${index}`);
+                style.setAttribute('rel', 'stylesheet');
+                style.setAttribute('href', this.getAssetUrl() + url);
+            });
+        });
+        this.getAssetUrl = () => {
+            return this.isLocalhost ? 'http://localhost:9000/' : ASSET_URL;
+        };
+        /**
+         * Detects if URL is absolute, and needs to be
+         * @param url string
+         */
+        this.wrapAssetUrl = (url) => {
+            if (url.match(/^(?:[a-z]+:)?\/\//)) {
+                return url;
+            }
+            return this.getAssetUrl() + url;
+        };
+        this.registerScripts = () => __awaiter(this, void 0, void 0, function* () {
+            this.ExternalScripts.forEach((url, index) => {
+                this.loadScript(url, `legacy-${index}`);
+            });
+        });
+        this.loadScript = (src, name) => new Promise((resolve) => {
+            const script = this.createElementOrReuseExisting('script', `script-${name}`);
+            if (script.hasAttribute('src') && script.getAttribute('src') === src) {
+                resolve();
+            }
+            else {
+                script.setAttribute('src', src);
+                script.addEventListener('load', () => {
+                    resolve();
+                });
+            }
+            this.ScriptContainer.appendChild(script);
+        });
+        this.createElementOrReuseExisting = (type, name) => {
+            const container = this.EngineContainer;
+            const findingElement = container.querySelector(`${type}[name="roomstay-${name}"]`);
+            if (findingElement) {
+                return findingElement;
+            }
+            else {
+                const target = document.createElement(type);
+                target.setAttribute('name', `roomstay-${name}`);
+                container.appendChild(target);
+                return target;
+            }
+        };
+        this.init = () => __awaiter(this, void 0, void 0, function* () {
+            dayjs.extend(isSameOrBefore);
+            dayjs.extend(isSameOrAfter);
+            if (i18next_1.default) {
+                i18next_1.default.use(react_i18next_1.initReactI18next).init({
+                    interpolation: { escapeValue: false },
+                    lng: LanguageProvider_1.Language.en_us,
+                    resources: LanguageProvider_1.LanguageProvider.getI18nMappedLanguages(),
+                });
+            }
+            if (!this.isLocalhost) {
+                Sentry.init({
+                    dsn: 'https://3bfba949561e48f1862c843ce8254a2d@o398412.ingest.sentry.io/5254086',
+                    beforeSend: (event, hint) => {
+                        var _a;
+                        event.tags = (_a = event.tags) !== null && _a !== void 0 ? _a : { logger: '_default_' };
+                        try {
+                            if (hint.originalException instanceof Error) {
+                                if (hint.originalException.stack.indexOf('www.googletagmanager.com/gtm.js?id=') > -1) {
+                                    event.tags.logger = 'gtm';
+                                    event.level = Sentry.Severity.Warning;
+                                }
+                            }
+                        }
+                        catch (ex) {
+                            console.log(ex);
+                        }
+                        return event;
+                    },
+                });
+            }
+            this.reloadScriptAndStyleContainers();
+        });
+        console.log(`Initializing Roomstay Booking Engine v${exports.RS_VERSION}`);
+    }
+    canSee(perm) {
+        return this.ModulesAllowed.includes(perm);
+    }
+}
+exports.default = new RoomstayThemeEngine();
+//# sourceMappingURL=RoomstayThemeEngine.js.map

package/dist/src/providers/RoomstayThemeEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomstayThemeEngine.js","sourceRoot":"/","sources":["src/providers/RoomstayThemeEngine.ts"],"names":[],"mappings":"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","sourcesContent":["// tslint:disable-next-line: no-submodule-imports\nimport * as isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\n// tslint:disable-next-line: no-submodule-imports\nimport * as isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport * as dayjs from 'dayjs';\n\nimport { LanguageProvider, Language } from './LanguageProvider';\n\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport * as Sentry from '@sentry/browser';\nimport * as ROP from 'resize-observer-polyfill';\nimport { HotelContextEventHandler } from '../handlers/HotelContextEventHandler';\nimport type { Company } from '../models/Client/Hotel/Company';\nimport type ColorProfile from '../models/Client/Hotel/ColorProfile';\n\n// TODO Re-think our approach on permissions and who can see what.\nexport enum ModulePermission {\n    NumberOfPeopleBookedPill = 'Number Of People Booked Pill',\n}\n\ndeclare global {\n    interface Window {\n        ResizeObserver: any;\n    }\n}\n\ndeclare const ASSET_URL: string;\n\nexport declare const RS_VERSION: string;\n\n/** @ts-ignore */\nif (typeof ResizeObserver === 'undefined') {\n    window.ResizeObserver = ROP.default;\n}\n\nexport enum RoomstayTheme {\n    Medium = 'medium',\n    Light = 'light',\n}\nclass RoomstayThemeEngine {\n    public currentCompany: Company | null = null;\n\n    public ModulesAllowed: ModulePermission[] = [];\n\n    public EngineContainer: Element;\n\n    public ScriptContainer: Element = null;\n    public StyleContainer: Element = null;\n\n    public selectedLang: Language = Language.en_us;\n\n    // TODO This needs to be changed, not ideal to just check for localhost\n    public isLocalhost: boolean = location.hostname === 'localhost';\n\n    // TODO: This needs to be refactored to not be a fixed string.\n    public ThemeType = RoomstayTheme.Light;\n\n    public ExternalStyles: string[] = [];\n    public ExternalScripts: string[] = ['https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js'];\n\n    public constructor() {\n        console.log(`Initializing Roomstay Booking Engine v${RS_VERSION}`);\n    }\n\n    private reloadScriptAndStyleContainers = () => {\n        this.StyleContainer = this.createElementOrReuseExisting('div', 'style-container');\n        this.ScriptContainer = this.createElementOrReuseExisting('div', 'script-container');\n\n        this.ScriptContainer.innerHTML = '';\n        this.StyleContainer.innerHTML = '';\n\n        this.registerStyles();\n    };\n\n    public changeCompany = (newCompany: Company) => {\n        this.currentCompany = newCompany;\n        this.registerStyles(newCompany.colors);\n\n        // TODO: Remove these hooks as they're useless\n        if (HotelContextEventHandler?.onHotelChange) {\n            HotelContextEventHandler.onHotelChange();\n        }\n    };\n\n    public changeTheme = async (profile: ColorProfile) => {\n        const styleOverrides = this.createElementOrReuseExisting('style', 'engine-styles');\n\n        styleOverrides.setAttribute('rel', 'preload');\n\n        let headerOverrides = '';\n        if (profile.navbar) {\n            headerOverrides = `\n            --color-header-background: ${profile.navbar.background}!important;\n            --color-header-text: ${profile.navbar.text}!important;\n            --color-header-text-active: ${profile.navbar.textActive}!important;\n            `;\n        }\n\n        styleOverrides.innerHTML = `\n            .roomstay-booking-container {\n                --color-accent-1: ${profile.accent}!important;\n                --color-accent-2: ${profile.accent2}!important;\n                --color-accent-3: ${profile.accent3}!important;\n\n                ${headerOverrides}\n\n                ${profile.success ? `--color-success: ${profile.success}!important;` : ''}\n            }\n            `;\n    };\n\n    public registerStyles = async (profile?: ColorProfile) => {\n        console.log('Loading custom Theme Styles');\n        if (profile) {\n            this.changeTheme(profile);\n        }\n\n        this.ExternalStyles.forEach((url, index) => {\n            const style = this.createElementOrReuseExisting('link', `engine-external-style-${index}`);\n            style.setAttribute('rel', 'stylesheet');\n            style.setAttribute('href', this.getAssetUrl() + url);\n        });\n    };\n\n    public getAssetUrl = () => {\n        return this.isLocalhost ? 'http://localhost:9000/' : ASSET_URL;\n    };\n\n    /**\n     * Detects if URL is absolute, and needs to be\n     * @param url string\n     */\n    public wrapAssetUrl = (url: string) => {\n        if (url.match(/^(?:[a-z]+:)?\\/\\//)) {\n            return url;\n        }\n\n        return this.getAssetUrl() + url;\n    };\n\n    public registerScripts = async () => {\n        this.ExternalScripts.forEach((url: string, index) => {\n            this.loadScript(url, `legacy-${index}`);\n        });\n    };\n\n    public loadScript = (src: string, name: string): Promise<void> =>\n        new Promise((resolve) => {\n            const script = this.createElementOrReuseExisting('script', `script-${name}`);\n            if (script.hasAttribute('src') && script.getAttribute('src') === src) {\n                resolve();\n            } else {\n                script.setAttribute('src', src);\n                script.addEventListener('load', () => {\n                    resolve();\n                });\n            }\n\n            this.ScriptContainer.appendChild(script);\n        });\n\n    public createElementOrReuseExisting = <K extends keyof HTMLElementTagNameMap>(type: K, name: string) => {\n        const container = this.EngineContainer;\n        const findingElement = container.querySelector(`${type}[name=\"roomstay-${name}\"]`);\n\n        if (findingElement) {\n            return findingElement;\n        } else {\n            const target = document.createElement(type);\n            target.setAttribute('name', `roomstay-${name}`);\n            container.appendChild(target);\n            return target;\n        }\n    };\n\n    public init = async () => {\n        dayjs.extend(isSameOrBefore);\n        dayjs.extend(isSameOrAfter);\n\n        if (i18n) {\n            i18n.use(initReactI18next).init({\n                interpolation: { escapeValue: false },\n                lng: Language.en_us,\n                resources: LanguageProvider.getI18nMappedLanguages(),\n            });\n        }\n\n        if (!this.isLocalhost) {\n            Sentry.init({\n                dsn: 'https://3bfba949561e48f1862c843ce8254a2d@o398412.ingest.sentry.io/5254086',\n                beforeSend: (event, hint) => {\n                    event.tags = event.tags ?? { logger: '_default_' };\n\n                    try {\n                        if (hint.originalException instanceof Error) {\n                            if (hint.originalException.stack.indexOf('www.googletagmanager.com/gtm.js?id=') > -1) {\n                                event.tags.logger = 'gtm';\n                                event.level = Sentry.Severity.Warning;\n                            }\n                        }\n                    } catch (ex) {\n                        console.log(ex);\n                    }\n\n                    return event;\n                },\n            });\n        }\n\n        this.reloadScriptAndStyleContainers();\n    };\n\n    public canSee(perm: ModulePermission) {\n        return this.ModulesAllowed.includes(perm);\n    }\n}\n\nexport default new RoomstayThemeEngine();\n"]}

package/dist/src/providers/SessionProvider.d.ts

@@ -0,0 +1,55 @@
+import { RoomstaySession } from '../models/RoomstaySession';
+/**
+ * Session provider is in charge of handling the loading, saving and passing of the current Engine Session.
+ *
+ * Desired flow:
+ *   * App Opened
+ *   * Session Provider loaded
+ *   * New User Session Created
+ *   * User moves through the app, updating the session with vital details (current step, basket context )
+ *   * User refreshes browser - session is re-loaded and user resumes where they left off
+ *   * User proceeds to checkout.
+ *   * Session is saved.
+ *
+ * Mini Booking Widget:
+ *   * User loads mini booking widget, selects dates, people
+ *   * Rates are loaded, and user selects a rate, redirecting to Full Booking Engine
+ *   * Session Provider creates a SessionID to pass to redirected path
+ *   * Session Provider loads the passed SessionID and loads the correct session
+ *   * Resume to Desired Flow
+ *
+ * Re-targeting:
+ * ---Since re-targeting will happen on client site, under client domain, localStorage will be preserved, ergo we can load the previous incomplete sessions back to the user
+ *   * User lands on client Homepage
+ *   * Session Provider loads previous incomplete sessions
+ *   * A slider with details of previous baskets is shown back to the user
+ *   * User clicks on a previous session and is brought to the Booking Engine
+ *   * Resume to Desired Flow
+ */
+export default class SessionProvider {
+    private currentSessionID;
+    private hotelID;
+    setHotelID(hotelID: string): Promise<void>;
+    initialize(sessionID?: number, source?: string): Promise<void>;
+    setSessionID(sessionID?: number, source?: string): Promise<void>;
+    /**
+     * Function to find the right session from session storage, or local storage
+     *
+     * If one isn't found it is then created.
+     */
+    private findOrCreateSessionID;
+    private findSession;
+    private generateNewSession;
+    private serializeSession;
+    private unSerializeSession;
+    private getSessionKey;
+    /**
+     * @returns the current session ID
+     */
+    getCurrentSessionID(): number;
+    getSession(): Promise<RoomstaySession>;
+    saveSession(changedSession: RoomstaySession): Promise<void>;
+    updateSession(partialSession: Partial<RoomstaySession>): Promise<void>;
+    deleteSession(): Promise<void>;
+    getAllSessions(): Promise<RoomstaySession[]>;
+}

package/dist/src/providers/SessionProvider.js

@@ -0,0 +1,245 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const LocalStorageProvider_1 = require("./storage/LocalStorageProvider");
+const RoomstaySession_1 = require("../models/RoomstaySession");
+const dayjs = require("dayjs");
+const BasketRow_1 = require("../models/BasketRow");
+const RoomRate_1 = require("../models/Room/RoomRate");
+const Room_1 = require("../models/Room/Room");
+/**
+ * Session provider is in charge of handling the loading, saving and passing of the current Engine Session.
+ *
+ * Desired flow:
+ *   * App Opened
+ *   * Session Provider loaded
+ *   * New User Session Created
+ *   * User moves through the app, updating the session with vital details (current step, basket context )
+ *   * User refreshes browser - session is re-loaded and user resumes where they left off
+ *   * User proceeds to checkout.
+ *   * Session is saved.
+ *
+ * Mini Booking Widget:
+ *   * User loads mini booking widget, selects dates, people
+ *   * Rates are loaded, and user selects a rate, redirecting to Full Booking Engine
+ *   * Session Provider creates a SessionID to pass to redirected path
+ *   * Session Provider loads the passed SessionID and loads the correct session
+ *   * Resume to Desired Flow
+ *
+ * Re-targeting:
+ * ---Since re-targeting will happen on client site, under client domain, localStorage will be preserved, ergo we can load the previous incomplete sessions back to the user
+ *   * User lands on client Homepage
+ *   * Session Provider loads previous incomplete sessions
+ *   * A slider with details of previous baskets is shown back to the user
+ *   * User clicks on a previous session and is brought to the Booking Engine
+ *   * Resume to Desired Flow
+ */
+class SessionProvider {
+    setHotelID(hotelID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.hotelID = hotelID;
+            this.updateSession({ hotelID });
+        });
+    }
+    initialize(sessionID, source) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.setSessionID(sessionID, source);
+        });
+    }
+    setSessionID(sessionID, source) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const foundSession = yield this.findOrCreateSessionID(sessionID, source);
+            if (foundSession) {
+                this.currentSessionID = foundSession;
+                const storage = new LocalStorageProvider_1.LocalStorageProvider(sessionStorage);
+                yield storage.write('currentSession', this.currentSessionID);
+            }
+        });
+    }
+    /**
+     * Function to find the right session from session storage, or local storage
+     *
+     * If one isn't found it is then created.
+     */
+    findOrCreateSessionID(sessionID, source) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let session;
+            if (sessionID) {
+                session = yield this.findSession(sessionID);
+                if (session) {
+                    return session.id;
+                }
+            }
+            session = yield this.generateNewSession(source);
+            return session.id;
+        });
+    }
+    findSession(sessionID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const storage = new LocalStorageProvider_1.LocalStorageProvider();
+            const session = yield storage.read(this.getSessionKey(sessionID));
+            if (session) {
+                return this.unSerializeSession(session);
+            }
+        });
+    }
+    generateNewSession(source) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const sessionId = new Date().getTime();
+            const session = {
+                id: sessionId,
+                startDate: null,
+                endDate: null,
+                step: '',
+                hotelID: (_a = this.hotelID) !== null && _a !== void 0 ? _a : null,
+                basketRows: [],
+                source,
+            };
+            this.saveSession(session);
+            return session;
+        });
+    }
+    serializeSession(session) {
+        var _a, _b;
+        const basketRows = [];
+        // TODO possibly refactor BasketRow to serialize itself, or instead make a serializer that can do all this.
+        session.basketRows.forEach((unSerializeBasketRow) => {
+            var _a, _b;
+            const rate = unSerializeBasketRow.getRate();
+            const room = unSerializeBasketRow.getRoom();
+            let serializedRate = null;
+            let serializedRoom = null;
+            if (rate) {
+                serializedRate = rate.serialize();
+            }
+            if (room) {
+                serializedRoom = room.serialize();
+            }
+            basketRows.push({
+                uniqId: unSerializeBasketRow.getID(),
+                startDate: (_a = unSerializeBasketRow.getStartDate()) === null || _a === void 0 ? void 0 : _a.format(RoomstaySession_1.SERIALIZED_DATE_FORMAT),
+                endDate: (_b = unSerializeBasketRow.getEndDate()) === null || _b === void 0 ? void 0 : _b.format(RoomstaySession_1.SERIALIZED_DATE_FORMAT),
+                adults: unSerializeBasketRow.getAdults(),
+                children: unSerializeBasketRow.getChildren(),
+                promoCode: unSerializeBasketRow.getPromoCode(),
+                promoCodeStatus: unSerializeBasketRow.getPromoCodeStatus(),
+                rate: serializedRate,
+                room: serializedRoom,
+            });
+        });
+        return {
+            id: session.id,
+            startDate: (_a = session.startDate) === null || _a === void 0 ? void 0 : _a.format(RoomstaySession_1.SERIALIZED_DATE_FORMAT),
+            endDate: (_b = session.endDate) === null || _b === void 0 ? void 0 : _b.format(RoomstaySession_1.SERIALIZED_DATE_FORMAT),
+            step: session.step,
+            hotelID: session.hotelID,
+            basketRows,
+            source: session.source,
+        };
+    }
+    unSerializeSession(session) {
+        var _a;
+        const basketRows = [];
+        let startDate;
+        let endDate;
+        if (session.startDate) {
+            startDate = dayjs(session.startDate, RoomstaySession_1.SERIALIZED_DATE_FORMAT);
+        }
+        if (session.endDate) {
+            endDate = dayjs(session.endDate, RoomstaySession_1.SERIALIZED_DATE_FORMAT);
+        }
+        (_a = session.basketRows) === null || _a === void 0 ? void 0 : _a.forEach((serializedBasketRow) => {
+            let rate;
+            let room;
+            if (serializedBasketRow.room) {
+                room = new Room_1.Room();
+                room.unSerialize(serializedBasketRow.room);
+            }
+            if (serializedBasketRow.rate && room) {
+                rate = new RoomRate_1.RoomRate();
+                rate.unSerialize(serializedBasketRow.rate);
+                rate.setRoom(room);
+            }
+            const basketRow = new BasketRow_1.default(rate !== null && rate !== void 0 ? rate : null, serializedBasketRow.uniqId);
+            if (serializedBasketRow.startDate) {
+                basketRow.setStartDate(dayjs(serializedBasketRow.startDate, RoomstaySession_1.SERIALIZED_DATE_FORMAT));
+            }
+            if (serializedBasketRow.endDate) {
+                basketRow.setEndDate(dayjs(serializedBasketRow.endDate, RoomstaySession_1.SERIALIZED_DATE_FORMAT));
+            }
+            basketRow.setAdults(serializedBasketRow.adults);
+            basketRow.setChildren(serializedBasketRow.children);
+            basketRows.push(basketRow);
+        });
+        return {
+            id: session.id,
+            startDate,
+            endDate,
+            step: session.step,
+            hotelID: session.hotelID,
+            basketRows,
+            source: session.source,
+        };
+    }
+    getSessionKey(sessionId) {
+        return `session-${sessionId !== null && sessionId !== void 0 ? sessionId : this.currentSessionID}`;
+    }
+    /**
+     * @returns the current session ID
+     */
+    getCurrentSessionID() {
+        return this.currentSessionID;
+    }
+    getSession() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const storage = new LocalStorageProvider_1.LocalStorageProvider();
+            const sessionFromStorage = yield storage.read(this.getSessionKey());
+            if (sessionFromStorage) {
+                return this.unSerializeSession(sessionFromStorage);
+            }
+            else {
+                return this.generateNewSession('');
+            }
+        });
+    }
+    saveSession(changedSession) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!changedSession) {
+                return console.log('Attempted to save empty session');
+            }
+            const storage = new LocalStorageProvider_1.LocalStorageProvider();
+            const serializedSession = this.serializeSession(changedSession);
+            yield storage.write(this.getSessionKey(serializedSession.id), serializedSession);
+        });
+    }
+    updateSession(partialSession) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const currentSession = yield this.getSession();
+            yield this.saveSession(Object.assign(Object.assign({}, currentSession), partialSession));
+        });
+    }
+    deleteSession() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const storage = new LocalStorageProvider_1.LocalStorageProvider();
+            storage.delete(this.getSessionKey());
+        });
+    }
+    getAllSessions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const storage = new LocalStorageProvider_1.LocalStorageProvider();
+            const sessionKeys = storage.getAllKeys((name) => name.startsWith('roomstay-session'));
+            return (yield storage.readAll(sessionKeys)).map((session) => this.unSerializeSession(session));
+        });
+    }
+}
+exports.default = SessionProvider;
+//# sourceMappingURL=SessionProvider.js.map

package/dist/src/providers/SessionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionProvider.js","sourceRoot":"/","sources":["src/providers/SessionProvider.ts"],"names":[],"mappings":"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","sourcesContent":["import { LocalStorageProvider } from './storage/LocalStorageProvider';\nimport { RoomstaySession, SerializedRoomstaySession, SERIALIZED_DATE_FORMAT, SerializedRoomstaySessionBasketRow } from '../models/RoomstaySession';\nimport * as dayjs from 'dayjs';\nimport BasketRow from '../models/BasketRow';\nimport { RoomRate } from '../models/Room/RoomRate';\nimport { Room } from '../models/Room/Room';\n\n/**\n * Session provider is in charge of handling the loading, saving and passing of the current Engine Session.\n *\n * Desired flow:\n *   * App Opened\n *   * Session Provider loaded\n *   * New User Session Created\n *   * User moves through the app, updating the session with vital details (current step, basket context )\n *   * User refreshes browser - session is re-loaded and user resumes where they left off\n *   * User proceeds to checkout.\n *   * Session is saved.\n *\n * Mini Booking Widget:\n *   * User loads mini booking widget, selects dates, people\n *   * Rates are loaded, and user selects a rate, redirecting to Full Booking Engine\n *   * Session Provider creates a SessionID to pass to redirected path\n *   * Session Provider loads the passed SessionID and loads the correct session\n *   * Resume to Desired Flow\n *\n * Re-targeting:\n * ---Since re-targeting will happen on client site, under client domain, localStorage will be preserved, ergo we can load the previous incomplete sessions back to the user\n *   * User lands on client Homepage\n *   * Session Provider loads previous incomplete sessions\n *   * A slider with details of previous baskets is shown back to the user\n *   * User clicks on a previous session and is brought to the Booking Engine\n *   * Resume to Desired Flow\n */\nexport default class SessionProvider {\n    private currentSessionID: number;\n    private hotelID: string;\n\n    public async setHotelID(hotelID: string) {\n        this.hotelID = hotelID;\n        this.updateSession({ hotelID });\n    }\n\n    public async initialize(sessionID?: number, source?: string) {\n        await this.setSessionID(sessionID, source);\n    }\n\n    public async setSessionID(sessionID?: number, source?: string) {\n        const foundSession = await this.findOrCreateSessionID(sessionID, source);\n\n        if (foundSession) {\n            this.currentSessionID = foundSession;\n\n            const storage = new LocalStorageProvider(sessionStorage);\n            await storage.write('currentSession', this.currentSessionID);\n        }\n    }\n\n    /**\n     * Function to find the right session from session storage, or local storage\n     *\n     * If one isn't found it is then created.\n     */\n    private async findOrCreateSessionID(sessionID: number, source: string) {\n        let session: RoomstaySession;\n\n        if (sessionID) {\n            session = await this.findSession(sessionID);\n\n            if (session) {\n                return session.id;\n            }\n        }\n\n        session = await this.generateNewSession(source);\n\n        return session.id;\n    }\n\n    private async findSession(sessionID: number): Promise<RoomstaySession> {\n        const storage = new LocalStorageProvider();\n\n        const session = await storage.read<SerializedRoomstaySession>(this.getSessionKey(sessionID));\n\n        if (session) {\n            return this.unSerializeSession(session);\n        }\n    }\n\n    private async generateNewSession(source: string): Promise<RoomstaySession> {\n        const sessionId = new Date().getTime();\n\n        const session: RoomstaySession = {\n            id: sessionId,\n            startDate: null,\n            endDate: null,\n            step: '',\n            hotelID: this.hotelID ?? null,\n            basketRows: [],\n            source,\n        };\n\n        this.saveSession(session);\n\n        return session;\n    }\n\n    private serializeSession(session: RoomstaySession): SerializedRoomstaySession {\n        const basketRows: SerializedRoomstaySessionBasketRow[] = [];\n\n        // TODO possibly refactor BasketRow to serialize itself, or instead make a serializer that can do all this.\n        session.basketRows.forEach((unSerializeBasketRow: BasketRow) => {\n            const rate = unSerializeBasketRow.getRate();\n            const room = unSerializeBasketRow.getRoom();\n\n            let serializedRate = null;\n            let serializedRoom = null;\n\n            if (rate) {\n                serializedRate = rate.serialize();\n            }\n\n            if (room) {\n                serializedRoom = room.serialize();\n            }\n\n            basketRows.push({\n                uniqId: unSerializeBasketRow.getID(),\n                startDate: unSerializeBasketRow.getStartDate()?.format(SERIALIZED_DATE_FORMAT),\n                endDate: unSerializeBasketRow.getEndDate()?.format(SERIALIZED_DATE_FORMAT),\n                adults: unSerializeBasketRow.getAdults(),\n                children: unSerializeBasketRow.getChildren(),\n                promoCode: unSerializeBasketRow.getPromoCode(),\n                promoCodeStatus: unSerializeBasketRow.getPromoCodeStatus(),\n                rate: serializedRate,\n                room: serializedRoom,\n            });\n        });\n\n        return {\n            id: session.id,\n            startDate: session.startDate?.format(SERIALIZED_DATE_FORMAT),\n            endDate: session.endDate?.format(SERIALIZED_DATE_FORMAT),\n            step: session.step,\n            hotelID: session.hotelID,\n            basketRows,\n            source: session.source,\n        };\n    }\n\n    private unSerializeSession(session: SerializedRoomstaySession): RoomstaySession {\n        const basketRows: BasketRow[] = [];\n        let startDate: dayjs.Dayjs;\n        let endDate: dayjs.Dayjs;\n\n        if (session.startDate) {\n            startDate = dayjs(session.startDate, SERIALIZED_DATE_FORMAT);\n        }\n\n        if (session.endDate) {\n            endDate = dayjs(session.endDate, SERIALIZED_DATE_FORMAT);\n        }\n\n        session.basketRows?.forEach((serializedBasketRow) => {\n            let rate;\n            let room;\n\n            if (serializedBasketRow.room) {\n                room = new Room();\n                room.unSerialize(serializedBasketRow.room);\n            }\n\n            if (serializedBasketRow.rate && room) {\n                rate = new RoomRate();\n                rate.unSerialize(serializedBasketRow.rate);\n                rate.setRoom(room);\n            }\n\n            const basketRow = new BasketRow(rate ?? null, serializedBasketRow.uniqId);\n\n            if (serializedBasketRow.startDate) {\n                basketRow.setStartDate(dayjs(serializedBasketRow.startDate, SERIALIZED_DATE_FORMAT));\n            }\n            if (serializedBasketRow.endDate) {\n                basketRow.setEndDate(dayjs(serializedBasketRow.endDate, SERIALIZED_DATE_FORMAT));\n            }\n\n            basketRow.setAdults(serializedBasketRow.adults);\n            basketRow.setChildren(serializedBasketRow.children);\n\n            basketRows.push(basketRow);\n        });\n\n        return {\n            id: session.id,\n            startDate,\n            endDate,\n            step: session.step,\n            hotelID: session.hotelID,\n            basketRows,\n            source: session.source,\n        };\n    }\n\n    private getSessionKey(sessionId?: number): string {\n        return `session-${sessionId ?? this.currentSessionID}`;\n    }\n\n    /**\n     * @returns the current session ID\n     */\n    public getCurrentSessionID(): number {\n        return this.currentSessionID;\n    }\n\n    public async getSession(): Promise<RoomstaySession> {\n        const storage = new LocalStorageProvider();\n\n        const sessionFromStorage = await storage.read<SerializedRoomstaySession>(this.getSessionKey());\n\n        if (sessionFromStorage) {\n            return this.unSerializeSession(sessionFromStorage);\n        } else {\n            return this.generateNewSession('');\n        }\n    }\n\n    public async saveSession(changedSession: RoomstaySession) {\n        if (!changedSession) {\n            return console.log('Attempted to save empty session');\n        }\n\n        const storage = new LocalStorageProvider();\n\n        const serializedSession = this.serializeSession(changedSession);\n\n        await storage.write(this.getSessionKey(serializedSession.id), serializedSession);\n    }\n\n    public async updateSession(partialSession: Partial<RoomstaySession>) {\n        const currentSession = await this.getSession();\n\n        await this.saveSession({\n            ...currentSession,\n            ...partialSession,\n        });\n    }\n\n    public async deleteSession() {\n        const storage = new LocalStorageProvider();\n        storage.delete(this.getSessionKey());\n    }\n\n    public async getAllSessions() {\n        const storage = new LocalStorageProvider();\n        const sessionKeys = storage.getAllKeys((name) => name.startsWith('roomstay-session'));\n\n        return (await storage.readAll<SerializedRoomstaySession>(sessionKeys)).map((session) => this.unSerializeSession(session));\n    }\n}\n"]}

package/dist/src/providers/StaticContextProvider.d.ts

@@ -0,0 +1,5 @@
+declare class StaticContextProvider {
+    MemberOnlyRateCodes: string[];
+}
+declare const _default: StaticContextProvider;
+export default _default;

package/dist/src/providers/StaticContextProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+// This class hopefully will only be a temporary solution to provide semi-static data to other classes that require it
+// TODO: this will be removed in the future when things that use this class will be re-done.
+Object.defineProperty(exports, "__esModule", { value: true });
+class StaticContextProvider {
+    constructor() {
+        this.MemberOnlyRateCodes = [];
+    }
+}
+exports.default = new StaticContextProvider();
+//# sourceMappingURL=StaticContextProvider.js.map

package/dist/src/providers/StaticContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticContextProvider.js","sourceRoot":"/","sources":["src/providers/StaticContextProvider.ts"],"names":[],"mappings":";AAAA,sHAAsH;AACtH,4FAA4F;;AAE5F,MAAM,qBAAqB;IAA3B;QACW,wBAAmB,GAAa,EAAE,CAAC;IAC9C,CAAC;CAAA;AAED,kBAAe,IAAI,qBAAqB,EAAE,CAAC","sourcesContent":["// This class hopefully will only be a temporary solution to provide semi-static data to other classes that require it\n// TODO: this will be removed in the future when things that use this class will be re-done.\n\nclass StaticContextProvider {\n    public MemberOnlyRateCodes: string[] = [];\n}\n\nexport default new StaticContextProvider();\n"]}

package/dist/src/providers/feature/ConfirmationVerifyFeature.d.ts

@@ -0,0 +1,10 @@
+import { Feature } from './Feature';
+/**
+ * Feature to determine if checkboxes for verify confirmation must be ticked
+ */
+declare class ConfirmationVerifyFeature extends Feature {
+    constructor();
+    protected onLoad(): void;
+}
+declare const _default: ConfirmationVerifyFeature;
+export default _default;

package/dist/src/providers/feature/ConfirmationVerifyFeature.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Feature_1 = require("./Feature");
+/**
+ * Feature to determine if checkboxes for verify confirmation must be ticked
+ */
+class ConfirmationVerifyFeature extends Feature_1.Feature {
+    constructor() {
+        super('ConfirmationVerifyFeature');
+    }
+    onLoad() {
+        /** No onload function since the engine itself checks if this is enabled */
+    }
+}
+exports.default = new ConfirmationVerifyFeature();
+//# sourceMappingURL=ConfirmationVerifyFeature.js.map

package/dist/src/providers/feature/ConfirmationVerifyFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationVerifyFeature.js","sourceRoot":"/","sources":["src/providers/feature/ConfirmationVerifyFeature.ts"],"names":[],"mappings":";;AAAA,uCAAoC;AAEpC;;GAEG;AACH,MAAM,yBAA0B,SAAQ,iBAAO;IAC3C;QACI,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACvC,CAAC;IAES,MAAM;QACZ,2EAA2E;IAC/E,CAAC;CACJ;AAED,kBAAe,IAAI,yBAAyB,EAAE,CAAC","sourcesContent":["import { Feature } from './Feature';\n\n/**\n * Feature to determine if checkboxes for verify confirmation must be ticked\n */\nclass ConfirmationVerifyFeature extends Feature {\n    public constructor() {\n        super('ConfirmationVerifyFeature');\n    }\n\n    protected onLoad() {\n        /** No onload function since the engine itself checks if this is enabled */\n    }\n}\n\nexport default new ConfirmationVerifyFeature();\n"]}

package/dist/src/providers/feature/DatePickerTypeFeature.d.ts

@@ -0,0 +1,7 @@
+import { Feature } from './Feature';
+declare class DatePickerTypeFeature extends Feature {
+    constructor();
+    protected onLoad(): void;
+}
+declare const _default: DatePickerTypeFeature;
+export default _default;

package/dist/src/providers/feature/DatePickerTypeFeature.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const FullPageBookingEngineElementEvents_1 = require("../../engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
+const Feature_1 = require("./Feature");
+class DatePickerTypeFeature extends Feature_1.Feature {
+    constructor() {
+        super('DatePickerTypeFeature');
+    }
+    onLoad() {
+        // TODO: This will need to be re-thought
+        // if (RoomstayThemeEngine.currentHotel) {
+        //     RoomstayThemeEngine.currentHotel.defaultDatepickerType = 'Week';
+        // }
+        FullPageBookingEngineElementEvents_1.FullPageBookingEngineElementEvents.reload();
+    }
+}
+exports.default = new DatePickerTypeFeature();
+//# sourceMappingURL=DatePickerTypeFeature.js.map

package/dist/src/providers/feature/DatePickerTypeFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeFeature.js","sourceRoot":"/","sources":["src/providers/feature/DatePickerTypeFeature.ts"],"names":[],"mappings":";;AAAA,+HAA4H;AAC5H,uCAAoC;AAEpC,MAAM,qBAAsB,SAAQ,iBAAO;IACvC;QACI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACnC,CAAC;IAES,MAAM;QACZ,wCAAwC;QACxC,0CAA0C;QAC1C,uEAAuE;QACvE,IAAI;QAEJ,uEAAkC,CAAC,MAAM,EAAE,CAAC;IAChD,CAAC;CACJ;AAED,kBAAe,IAAI,qBAAqB,EAAE,CAAC","sourcesContent":["import { FullPageBookingEngineElementEvents } from '../../engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport { Feature } from './Feature';\n\nclass DatePickerTypeFeature extends Feature {\n    public constructor() {\n        super('DatePickerTypeFeature');\n    }\n\n    protected onLoad() {\n        // TODO: This will need to be re-thought\n        // if (RoomstayThemeEngine.currentHotel) {\n        //     RoomstayThemeEngine.currentHotel.defaultDatepickerType = 'Week';\n        // }\n\n        FullPageBookingEngineElementEvents.reload();\n    }\n}\n\nexport default new DatePickerTypeFeature();\n"]}

package/dist/src/providers/feature/E164PhoneNumberFieldFeature.d.ts

@@ -0,0 +1,7 @@
+import { Feature } from './Feature';
+declare class E164PhoneNumberFieldFeature extends Feature {
+    constructor();
+    protected onLoad(): void;
+}
+declare const _default: E164PhoneNumberFieldFeature;
+export default _default;