@roomstay/frontend 1.3.0

package/dist/src/models/Room/RoomRate.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoomRate = exports.RoomRatePriceInclusion = void 0;
+const RoomRateNight_1 = require("./RoomRateNight");
+const AvailabilityAPI_1 = require("../../api/AvailabilityAPI");
+const StaticContextProvider_1 = require("../../providers/StaticContextProvider");
+var RoomRatePriceInclusion;
+(function (RoomRatePriceInclusion) {
+    RoomRatePriceInclusion["ExcludingFees"] = "Fees Excluded";
+    RoomRatePriceInclusion["ExcludingTaxes"] = "Taxes Excluded";
+    RoomRatePriceInclusion["ExcludingFeesAndTaxes"] = "Excluding Fees and Taxes";
+    RoomRatePriceInclusion["IncludingFeesAndTaxes"] = "Including Fees and Taxes";
+})(RoomRatePriceInclusion = exports.RoomRatePriceInclusion || (exports.RoomRatePriceInclusion = {}));
+class RoomRate {
+    constructor() {
+        this.mealsIncluded = {
+            breakfast: false,
+            lunch: false,
+            dinner: false,
+        };
+        this.getNightRateArray = () => {
+            if (!this.nightRatesArray.length) {
+                this.nightRatesArray = Object.values(this.nightRates);
+            }
+            return this.nightRatesArray;
+        };
+        this.reduceNightData = (reducer) => {
+            var _a;
+            return (_a = this.getNightRateArray().reduce(reducer, null)) !== null && _a !== void 0 ? _a : 0;
+        };
+        this.nightRateTotal = (value) => {
+            return this.reduceNightData((sum, redNight) => {
+                const summingValue = value(redNight);
+                return sum ? sum + summingValue : summingValue;
+            });
+        };
+        this.getTotalPrice = (getCost = false) => {
+            let total = 0;
+            const nightsAsArray = Object.values(this.nightRates);
+            nightsAsArray.forEach((night) => {
+                total += Number(getCost ? night.cost : night.total);
+            });
+            return total;
+        };
+        this.getTotalPriceBeforeDiscount = (getCost = false) => {
+            let total = 0;
+            const nightsAsArray = Object.values(this.nightRates);
+            nightsAsArray.forEach((night) => {
+                total += Number(getCost ? night.cost : night.total) + Number(night.discount);
+            });
+            return total;
+        };
+        this.getAveragePrice = (getCost = false) => {
+            const total = this.getTotalPrice(getCost);
+            return total / Object.keys(this.nightRates).length;
+        };
+        this.getAveragePriceBeforeDiscount = (getCost = false) => {
+            let total = 0;
+            const nightsAsArray = Object.values(this.nightRates);
+            nightsAsArray.forEach((night) => {
+                total += Number(getCost ? night.cost : night.total) + Number(night.discount);
+            });
+            return total / nightsAsArray.length;
+        };
+        this.getTotalFees = () => {
+            return this.nightRateTotal((night) => {
+                return Number(night.fee);
+            });
+        };
+        this.getTotalTaxes = () => {
+            return this.nightRateTotal((night) => {
+                return Number(night.tax);
+            });
+        };
+        this.getPriceType = () => {
+            let hasFees = false;
+            let hasTax = false;
+            Object.values(this.nightRates).forEach((night) => {
+                if (night.fee && night.fee !== '0') {
+                    hasFees = true;
+                }
+                if (night.tax && night.tax !== '0') {
+                    hasTax = true;
+                }
+            });
+            if (hasFees && hasTax) {
+                return RoomRatePriceInclusion.ExcludingFeesAndTaxes;
+            }
+            else if (hasFees) {
+                return RoomRatePriceInclusion.ExcludingTaxes;
+            }
+            else if (hasTax) {
+                return RoomRatePriceInclusion.ExcludingFees;
+            }
+            else {
+                return RoomRatePriceInclusion.IncludingFeesAndTaxes;
+            }
+        };
+        this.getGuaranteePolicy = () => {
+            var _a;
+            return (_a = AvailabilityAPI_1.default.policyMappings.guarantee[this.guaranteeCode]) !== null && _a !== void 0 ? _a : '';
+        };
+        this.getCancellationPolicy = () => {
+            var _a;
+            return (_a = AvailabilityAPI_1.default.policyMappings.cancel[this.cancelPolicyCode]) !== null && _a !== void 0 ? _a : '';
+        };
+        this.getSortValue = () => {
+            return this.getAveragePrice();
+        };
+        this.nightRates = {};
+        this.nightRatesArray = [];
+    }
+    applyData(data) {
+        Object.keys(data).map((key) => {
+            this[key] = data[key];
+        }, this);
+    }
+    setRoom(room) {
+        this.room = room;
+    }
+    getRoom() {
+        return this.room;
+    }
+    static fromData(data) {
+        var _a;
+        const rate = new this();
+        rate.applyData(data);
+        if ((_a = StaticContextProvider_1.default.MemberOnlyRateCodes) === null || _a === void 0 ? void 0 : _a.includes(data.code)) {
+            rate.isMemberOnly = true;
+        }
+        return rate;
+    }
+    serialize() {
+        const serializedNightRates = {};
+        Object.keys(this.nightRates).forEach((date) => {
+            serializedNightRates[date] = this.nightRates[date].serialize();
+        });
+        const toSerialize = {
+            name: this.name,
+            code: this.code,
+            description: this.description,
+            longDescription: this.longDescription,
+            isMemberOnly: this.isMemberOnly,
+            guaranteeCode: this.guaranteeCode,
+            cancelPolicyCode: this.cancelPolicyCode,
+            nightRates: serializedNightRates,
+            lowestPrice: this.lowestPrice,
+            promoCode: this.promoCode,
+            mealsIncluded: this.mealsIncluded,
+        };
+        return toSerialize;
+    }
+    unSerialize(data) {
+        var _a;
+        const { name, code, description, longDescription, isMemberOnly, guaranteeCode, cancelPolicyCode, lowestPrice, promoCode, mealsIncluded } = data;
+        const unSerializedNightRates = {};
+        if (data.nightRates) {
+            (_a = Object.keys(data.nightRates)) === null || _a === void 0 ? void 0 : _a.forEach((date) => {
+                const nightRate = new RoomRateNight_1.default();
+                unSerializedNightRates[date] = nightRate.unSerialize(data.nightRates[date]);
+            });
+        }
+        this.name = name;
+        this.code = code;
+        this.description = description;
+        this.longDescription = longDescription;
+        this.isMemberOnly = isMemberOnly;
+        this.guaranteeCode = guaranteeCode;
+        this.cancelPolicyCode = cancelPolicyCode;
+        this.lowestPrice = lowestPrice;
+        this.promoCode = promoCode;
+        this.mealsIncluded = mealsIncluded;
+        this.nightRates = unSerializedNightRates;
+        this.nightRatesArray = [];
+        return this;
+    }
+}
+exports.RoomRate = RoomRate;
+//# sourceMappingURL=RoomRate.js.map

package/dist/src/models/Room/RoomRate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomRate.js","sourceRoot":"/","sources":["src/models/Room/RoomRate.ts"],"names":[],"mappings":"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","sourcesContent":["import RoomRateNight, { IRoomRateNight } from './RoomRateNight';\nimport type { Room } from './Room';\nimport AvailabilityAPI from '../../api/AvailabilityAPI';\nimport type RoomRateSortable from './RoomRateSortable';\nimport type { Serializable } from '../Serializable';\nimport StaticContextProvider from '../../providers/StaticContextProvider';\n\nexport enum RoomRatePriceInclusion {\n    ExcludingFees = 'Fees Excluded',\n    ExcludingTaxes = 'Taxes Excluded',\n    ExcludingFeesAndTaxes = 'Excluding Fees and Taxes',\n    IncludingFeesAndTaxes = 'Including Fees and Taxes',\n}\n\nexport interface IRoomRate {\n    name: string;\n    code: string;\n    description: string;\n    longDescription?: string;\n\n    isMemberOnly?: boolean;\n    guaranteeCode: string;\n    cancelPolicyCode: string;\n    nightRates: { [date: string]: IRoomRateNight };\n\n    lowestPrice: number;\n    promoCode: string;\n\n    mealsIncluded?: {\n        breakfast: boolean;\n        lunch: boolean;\n        dinner: boolean;\n    };\n}\nexport class RoomRate implements RoomRateSortable, Serializable<RoomRate, IRoomRate> {\n    public name: string;\n    public code: string;\n\n    public description: string;\n    public longDescription: string;\n\n    public isMemberOnly: boolean;\n\n    public guaranteeCode: string;\n\n    public cancelPolicyCode: string;\n\n    public nightRates: { [date: string]: RoomRateNight };\n    private nightRatesArray: RoomRateNight[];\n\n    public lowestPrice: number;\n\n    public promoCode?: string;\n\n    public mealsIncluded? = {\n        breakfast: false,\n        lunch: false,\n        dinner: false,\n    };\n\n    private room: Room;\n\n    public constructor() {\n        this.nightRates = {};\n        this.nightRatesArray = [];\n    }\n\n    public applyData(data: any) {\n        Object.keys(data).map((key: any) => {\n            (this as any)[key] = (data as any)[key];\n        }, this);\n    }\n\n    public setRoom(room: Room) {\n        this.room = room;\n    }\n\n    public getRoom(): Room {\n        return this.room;\n    }\n\n    private getNightRateArray = () => {\n        if (!this.nightRatesArray.length) {\n            this.nightRatesArray = Object.values(this.nightRates);\n        }\n\n        return this.nightRatesArray;\n    };\n\n    private reduceNightData = (reducer: (sum: number, rate: RoomRateNight) => number) => {\n        return this.getNightRateArray().reduce(reducer, null) ?? 0;\n    };\n\n    private nightRateTotal = (value: (rate: RoomRateNight) => number) => {\n        return this.reduceNightData((sum: number, redNight: RoomRateNight) => {\n            const summingValue = value(redNight);\n\n            return sum ? sum + summingValue : summingValue;\n        });\n    };\n\n    public getTotalPrice = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total);\n        });\n        return total;\n    };\n\n    public getTotalPriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n        return total;\n    };\n\n    public getAveragePrice = (getCost = false) => {\n        const total = this.getTotalPrice(getCost);\n\n        return total / Object.keys(this.nightRates).length;\n    };\n\n    public getAveragePriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n\n        return total / nightsAsArray.length;\n    };\n\n    public getTotalFees = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.fee);\n        });\n    };\n\n    public getTotalTaxes = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.tax);\n        });\n    };\n\n    public getPriceType = () => {\n        let hasFees = false;\n        let hasTax = false;\n\n        Object.values(this.nightRates).forEach((night) => {\n            if (night.fee && night.fee !== '0') {\n                hasFees = true;\n            }\n\n            if (night.tax && night.tax !== '0') {\n                hasTax = true;\n            }\n        });\n\n        if (hasFees && hasTax) {\n            return RoomRatePriceInclusion.ExcludingFeesAndTaxes;\n        } else if (hasFees) {\n            return RoomRatePriceInclusion.ExcludingTaxes;\n        } else if (hasTax) {\n            return RoomRatePriceInclusion.ExcludingFees;\n        } else {\n            return RoomRatePriceInclusion.IncludingFeesAndTaxes;\n        }\n    };\n\n    public getGuaranteePolicy = () => {\n        return AvailabilityAPI.policyMappings.guarantee[this.guaranteeCode] ?? '';\n    };\n\n    public getCancellationPolicy = () => {\n        return AvailabilityAPI.policyMappings.cancel[this.cancelPolicyCode] ?? '';\n    };\n\n    public getSortValue = () => {\n        return this.getAveragePrice();\n    };\n\n    public static fromData(data: Partial<{ code: string }> | any) {\n        const rate = new this();\n\n        rate.applyData(data);\n\n        if (StaticContextProvider.MemberOnlyRateCodes?.includes(data.code)) {\n            rate.isMemberOnly = true;\n        }\n\n        return rate;\n    }\n\n    public serialize() {\n        const serializedNightRates: any = {};\n        Object.keys(this.nightRates).forEach((date) => {\n            serializedNightRates[date] = this.nightRates[date].serialize();\n        });\n\n        const toSerialize: IRoomRate = {\n            name: this.name,\n            code: this.code,\n            description: this.description,\n            longDescription: this.longDescription,\n            isMemberOnly: this.isMemberOnly,\n            guaranteeCode: this.guaranteeCode,\n            cancelPolicyCode: this.cancelPolicyCode,\n            nightRates: serializedNightRates,\n            lowestPrice: this.lowestPrice,\n            promoCode: this.promoCode,\n            mealsIncluded: this.mealsIncluded,\n        };\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRate) {\n        const { name, code, description, longDescription, isMemberOnly, guaranteeCode, cancelPolicyCode, lowestPrice, promoCode, mealsIncluded } = data;\n\n        const unSerializedNightRates: any = {};\n\n        if (data.nightRates) {\n            Object.keys(data.nightRates)?.forEach((date) => {\n                const nightRate = new RoomRateNight();\n                unSerializedNightRates[date] = nightRate.unSerialize(data.nightRates[date]);\n            });\n        }\n\n        this.name = name;\n        this.code = code;\n        this.description = description;\n        this.longDescription = longDescription;\n        this.isMemberOnly = isMemberOnly;\n        this.guaranteeCode = guaranteeCode;\n        this.cancelPolicyCode = cancelPolicyCode;\n        this.lowestPrice = lowestPrice;\n        this.promoCode = promoCode;\n        this.mealsIncluded = mealsIncluded;\n        this.nightRates = unSerializedNightRates;\n        this.nightRatesArray = [];\n\n        return this;\n    }\n}\n"]}

package/dist/src/models/Room/RoomRateNight.d.ts

@@ -0,0 +1,22 @@
+import * as dayjs from 'dayjs';
+import { Serializable } from '../Serializable';
+export interface IRoomRateNight {
+    date: string;
+    cost: string;
+    tax: string;
+    discount: string;
+    fee: string;
+    total: string;
+    available: string;
+}
+export default class RoomRateNight implements Serializable<RoomRateNight, IRoomRateNight> {
+    date: dayjs.Dayjs;
+    cost: string;
+    tax: string;
+    discount: string;
+    fee: string;
+    total: string;
+    available: string;
+    serialize(): IRoomRateNight;
+    unSerialize(data: IRoomRateNight): this;
+}

package/dist/src/models/Room/RoomRateNight.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dayjs = require("dayjs");
+const RoomstaySession_1 = require("../RoomstaySession");
+class RoomRateNight {
+    serialize() {
+        const toSerialize = {
+            date: this.date.format(RoomstaySession_1.SERIALIZED_DATE_FORMAT),
+            cost: this.cost,
+            tax: this.tax,
+            discount: this.discount,
+            fee: this.fee,
+            total: this.total,
+            available: this.available,
+        };
+        return toSerialize;
+    }
+    unSerialize(data) {
+        const { date, cost, tax, discount, fee, total, available } = data;
+        this.date = dayjs(date, RoomstaySession_1.SERIALIZED_DATE_FORMAT);
+        this.cost = cost;
+        this.tax = tax;
+        this.discount = discount;
+        this.fee = fee;
+        this.total = total;
+        this.available = available;
+        return this;
+    }
+}
+exports.default = RoomRateNight;
+//# sourceMappingURL=RoomRateNight.js.map

package/dist/src/models/Room/RoomRateNight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomRateNight.js","sourceRoot":"/","sources":["src/models/Room/RoomRateNight.ts"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,wDAA4D;AAW5D,MAAqB,aAAa;IAWvB,SAAS;QACZ,MAAM,WAAW,GAAmB;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,wCAAsB,CAAC;YAC9C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;QAEF,OAAO,WAAW,CAAC;IACvB,CAAC;IAEM,WAAW,CAAC,IAAoB;QACnC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAElE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,wCAAsB,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAtCD,gCAsCC","sourcesContent":["import * as dayjs from 'dayjs';\nimport { Serializable } from '../Serializable';\nimport { SERIALIZED_DATE_FORMAT } from '../RoomstaySession';\n\nexport interface IRoomRateNight {\n    date: string;\n    cost: string;\n    tax: string;\n    discount: string;\n    fee: string;\n    total: string;\n    available: string;\n}\nexport default class RoomRateNight implements Serializable<RoomRateNight, IRoomRateNight> {\n    public date: dayjs.Dayjs;\n\n    public cost: string;\n    public tax: string;\n    public discount: string;\n    public fee: string;\n    public total: string;\n\n    public available: string;\n\n    public serialize() {\n        const toSerialize: IRoomRateNight = {\n            date: this.date.format(SERIALIZED_DATE_FORMAT),\n            cost: this.cost,\n            tax: this.tax,\n            discount: this.discount,\n            fee: this.fee,\n            total: this.total,\n            available: this.available,\n        };\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRateNight) {\n        const { date, cost, tax, discount, fee, total, available } = data;\n\n        this.date = dayjs(date, SERIALIZED_DATE_FORMAT);\n        this.cost = cost;\n        this.tax = tax;\n        this.discount = discount;\n        this.fee = fee;\n        this.total = total;\n        this.available = available;\n\n        return this;\n    }\n}\n"]}

package/dist/src/models/Room/RoomRateSortable.d.ts

@@ -0,0 +1,3 @@
+export default interface RoomRateSortable {
+    getSortValue(): any;
+}

package/dist/src/models/Room/RoomRateSortable.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=RoomRateSortable.js.map

package/dist/src/models/Room/RoomRateSortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomRateSortable.js","sourceRoot":"/","sources":["src/models/Room/RoomRateSortable.ts"],"names":[],"mappings":"","sourcesContent":["export default interface RoomRateSortable {\n    getSortValue(): any;\n}\n"]}

package/dist/src/models/RoomstaySession.d.ts

@@ -0,0 +1,37 @@
+import * as dayjs from 'dayjs';
+import type BasketRow from './BasketRow';
+import type { IRoomRate } from './Room/RoomRate';
+import type { IRoom } from './Room/Room';
+/**
+ * Booking engine state object, that is stored, can be loaded and unloaded
+ */
+export declare type RoomstaySession = {
+    id: number;
+    step: string;
+    startDate: dayjs.Dayjs;
+    endDate: dayjs.Dayjs;
+    hotelID: number | string;
+    source: string;
+    basketRows: BasketRow[];
+};
+export declare type SerializedRoomstaySession = {
+    id: number;
+    step: string;
+    startDate: string;
+    endDate: string;
+    hotelID: number | string;
+    source: string;
+    basketRows: SerializedRoomstaySessionBasketRow[];
+};
+export declare type SerializedRoomstaySessionBasketRow = {
+    uniqId: string;
+    startDate: string;
+    endDate: string;
+    adults: number;
+    children: number;
+    promoCode: string;
+    promoCodeStatus: string;
+    room: IRoom;
+    rate: IRoomRate;
+};
+export declare const SERIALIZED_DATE_FORMAT = "YYYY/MM/DD";

package/dist/src/models/RoomstaySession.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SERIALIZED_DATE_FORMAT = void 0;
+exports.SERIALIZED_DATE_FORMAT = 'YYYY/MM/DD';
+//# sourceMappingURL=RoomstaySession.js.map

package/dist/src/models/RoomstaySession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomstaySession.js","sourceRoot":"/","sources":["src/models/RoomstaySession.ts"],"names":[],"mappings":";;;AA4Ca,QAAA,sBAAsB,GAAG,YAAY,CAAC","sourcesContent":["import * as dayjs from 'dayjs';\nimport type BasketRow from './BasketRow';\nimport type { IRoomRate } from './Room/RoomRate';\nimport type { IRoom } from './Room/Room';\n\n/**\n * Booking engine state object, that is stored, can be loaded and unloaded\n */\nexport type RoomstaySession = {\n    id: number;\n    step: string;\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: BasketRow[];\n};\n\nexport type SerializedRoomstaySession = {\n    id: number;\n    step: string;\n    startDate: string;\n    endDate: string;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: SerializedRoomstaySessionBasketRow[];\n};\n\nexport type SerializedRoomstaySessionBasketRow = {\n    uniqId: string;\n    startDate: string;\n    endDate: string;\n\n    adults: number;\n    children: number;\n    promoCode: string;\n    promoCodeStatus: string;\n\n    room: IRoom;\n    rate: IRoomRate;\n};\n\nexport const SERIALIZED_DATE_FORMAT = 'YYYY/MM/DD';\n"]}

package/dist/src/models/Serializable.d.ts

@@ -0,0 +1,4 @@
+export interface Serializable<T, I> {
+    serialize(): I;
+    unSerialize(data: I): T;
+}

package/dist/src/models/Serializable.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Serializable.js.map

package/dist/src/models/Serializable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Serializable.js","sourceRoot":"/","sources":["src/models/Serializable.ts"],"names":[],"mappings":"","sourcesContent":["export interface Serializable<T, I> {\n    serialize(): I;\n    unSerialize(data: I): T;\n}\n"]}

package/dist/src/models/UserProfile.d.ts

@@ -0,0 +1,20 @@
+declare type UserProfile = {
+    Title?: string;
+    FirstName: string;
+    MiddleName?: string;
+    LastName: string;
+    NameSuffix?: string;
+    Phone: string;
+    Email: string;
+    Address: {
+        Line1?: string;
+        Line2?: string;
+        Line3?: string;
+        City: string;
+        PostalCode: string;
+        State?: string;
+        Country: string;
+    };
+    MarketingOptIn: boolean;
+};
+export default UserProfile;

package/dist/src/models/UserProfile.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=UserProfile.js.map

package/dist/src/models/UserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.js","sourceRoot":"/","sources":["src/models/UserProfile.ts"],"names":[],"mappings":"","sourcesContent":["type UserProfile = {\n    Title?: string;\n    FirstName: string;\n    MiddleName?: string;\n    LastName: string;\n    NameSuffix?: string;\n    Phone: string;\n    Email: string;\n    Address: {\n        Line1?: string;\n        Line2?: string;\n        Line3?: string;\n        City: string;\n        PostalCode: string;\n        State?: string;\n        Country: string;\n    };\n    MarketingOptIn: boolean;\n};\n\nexport default UserProfile;\n"]}

package/dist/src/pages/findReservation/FindReservation.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function FindReservation(): JSX.Element;

package/dist/src/pages/findReservation/FindReservation.js

@@ -0,0 +1,142 @@
+"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 React = require("react");
+const react_i18next_1 = require("react-i18next");
+const Headline_1 = require("../../components/generic/Headline");
+const TextBox_1 = require("../../components/generic/TextBox");
+const Text_1 = require("../../components/generic/Text");
+const Color_1 = require("../../util/Color");
+const BEButton_1 = require("../../components/generic/BEButton");
+const react_hook_form_1 = require("react-hook-form");
+const react_1 = require("react");
+const Icon_1 = require("../../components/generic/Icon");
+const BookingAPI_1 = require("../../api/BookingAPI");
+const AutoAutoHeight_1 = require("../../animations/AutoAutoHeight");
+const Alert_1 = require("../../components/generic/Alert");
+const react_router_1 = require("react-router");
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+const LineBreak_1 = require("../../components/generic/LineBreak");
+const hooks_1 = require("@frontend/hooks");
+const Translation_1 = require("../../translations/Translation");
+const StepManager_1 = require("../../util/StepManager");
+function FindReservation() {
+    const { hotel } = hooks_1.useCurrentHotel();
+    const { t } = react_i18next_1.useTranslation();
+    const { register, formState, handleSubmit, getValues } = react_hook_form_1.useForm({
+        mode: 'onChange',
+    });
+    const errors = formState.errors;
+    const getValidationClass = (name) => {
+        if (errors && formState.touchedFields[name]) {
+            if (errors[name]) {
+                return 'error';
+            }
+            else {
+                return 'success';
+            }
+        }
+        else {
+            return null;
+        }
+    };
+    const [isLoading, setIsLoading] = react_1.useState(false);
+    const [apiErrorMessages, setApiErrorMessages] = react_1.useState('');
+    const history = react_router_1.useHistory();
+    const onSubmit = () => {
+        setIsLoading(true);
+        setApiErrorMessages('');
+        BookingAPI_1.default.Reservation.findReservation(getValues('Ref'), getValues('Email'), hotel.hotelID)
+            .then((data) => {
+            history.push(`/find-reservation/${getValues('Ref')}/${getValues('Email')}`);
+        })
+            .catch(({ Message }) => {
+            console.log(Message);
+            setApiErrorMessages(Message);
+            setIsLoading(false);
+        });
+    };
+    const handleSubmitOnClick = () => {
+        handleSubmit(onSubmit)();
+    };
+    react_1.useEffect(() => {
+        const background = document.createElement('div');
+        background.classList.add('dbe-background');
+        background.style.backgroundImage = `url('${hotel === null || hotel === void 0 ? void 0 : hotel.heroImage}')`;
+        RoomstayThemeEngine_1.default.EngineContainer.classList.add('--transparent-bg');
+        RoomstayThemeEngine_1.default.EngineContainer.appendChild(background);
+        return () => {
+            try {
+                RoomstayThemeEngine_1.default.EngineContainer.removeChild(background);
+                RoomstayThemeEngine_1.default.EngineContainer.classList.remove('--transparent-bg');
+            }
+            catch (ex) {
+                console.log('Unable to remove bg');
+            }
+        };
+    }, []);
+    // TODO: Add a generic handler for this to avoid setting it in every new page
+    react_1.useEffect(() => {
+        if (hotel) {
+            RoomstayThemeEngine_1.default.changeTheme(hotel.colors);
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.colors]);
+    react_1.useEffect(() => {
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.forwardFindReservationToSynxis) {
+            window.open(`https://be.synxis.com/signin?hotel=` + hotel.hotelID);
+        }
+    }, [hotel]);
+    const onBack = () => __awaiter(this, void 0, void 0, function* () {
+        history.push(StepManager_1.default.getFirstStep().getStepUrl());
+    });
+    return (React.createElement("div", { className: "u-pad-left u-pad-right" },
+        React.createElement("div", { className: "container u-marg-top--heavy u-pad-bottom--massive" },
+            React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
+                React.createElement("div", { className: "row u-pad-bottom--massive" },
+                    React.createElement("div", { className: "col-md-6 col-xl-4 u-fill-white u-pad--heavy u-shadow-accent-large" },
+                        React.createElement("div", { className: "u-marg-bottom--heavy" },
+                            React.createElement(Headline_1.default, { size: "extra-large" }, t(Translation_1.Translation.FindReservation.FindYourReservation))),
+                        React.createElement(AutoAutoHeight_1.default, { open: !!apiErrorMessages },
+                            React.createElement("div", { className: "u-flex" },
+                                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, apiErrorMessages)))),
+                        React.createElement("div", { className: "u-marg-bottom" },
+                            React.createElement("div", { className: "u-marg-bottom--light" },
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                                    React.createElement("strong", null, t(Translation_1.Translation.FindReservation.Confirmation)))),
+                            React.createElement(TextBox_1.default, Object.assign({ placeholder: "51244AB23101", required: true, validationStatus: getValidationClass('Ref') }, register('Ref', {
+                                required: true,
+                            })))),
+                        React.createElement("div", { className: "u-marg-bottom" },
+                            React.createElement("div", { className: "u-marg-bottom--light" },
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                                    React.createElement("strong", null, t(Translation_1.Translation.FindReservation.EmailAddress)))),
+                            React.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", required: true, validationStatus: getValidationClass('Email'), name: 'Email' }, register('Email', {
+                                required: true,
+                                pattern: {
+                                    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
+                                    message: t(Translation_1.Translation.FindReservation.InvalidEmailAddress),
+                                },
+                            })))),
+                        React.createElement("div", { className: "u-flex justify-content-end w-100" },
+                            React.createElement(BEButton_1.default, { primary: true, filled: true, mobileWidth: true, isLoading: isLoading, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: handleSubmitOnClick }, t(Translation_1.Translation.FindReservation.FindReservation)),
+                            React.createElement("button", { type: "submit", className: "u-none" }, t(Translation_1.Translation.FindReservation.Submit))),
+                        React.createElement(LineBreak_1.default, null),
+                        React.createElement("div", { className: "u-marg-bottom--light" },
+                            React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                React.createElement("strong", null, t(Translation_1.Translation.FindReservation.Question)))),
+                        React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer1)),
+                        React.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.FindReservation.Answer2)),
+                        React.createElement(LineBreak_1.default, null),
+                        React.createElement(BEButton_1.default, { textColor: Color_1.Color.Accent, primary: false, filled: false, mobileWidth: true, size: "small", icon: Icon_1.IconType.ArrowLeft2, iconPosition: "left", onClick: onBack, isText: true }, t(Translation_1.Translation.FindReservation.Back))))))));
+}
+exports.default = FindReservation;
+//# sourceMappingURL=FindReservation.js.map

package/dist/src/pages/findReservation/FindReservation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FindReservation.js","sourceRoot":"/","sources":["src/pages/findReservation/FindReservation.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '../../components/generic/Headline';\nimport TextBox from '../../components/generic/TextBox';\nimport Text, { TextType } from '../../components/generic/Text';\nimport { Color } from '../../util/Color';\nimport BEButton from '../../components/generic/BEButton';\nimport { useForm } from 'react-hook-form';\nimport { useState, useEffect } from 'react';\nimport { IconType } from '../../components/generic/Icon';\nimport API from '../../api/BookingAPI';\nimport AutoAutoHeight from '../../animations/AutoAutoHeight';\nimport Alert, { AlertType } from '../../components/generic/Alert';\nimport { useHistory } from 'react-router';\nimport RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\nimport LineBreak from '../../components/generic/LineBreak';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from '../../translations/Translation';\nimport StepManager from '../../util/StepManager';\n\nexport default function FindReservation() {\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const { register, formState, handleSubmit, getValues } = useForm({\n        mode: 'onChange',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name]) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\n\n    const history = useHistory();\n\n    const onSubmit = () => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        API.Reservation.findReservation(getValues('Ref'), getValues('Email'), hotel.hotelID)\n            .then((data) => {\n                history.push(`/find-reservation/${getValues('Ref')}/${getValues('Email')}`);\n            })\n            .catch(({ Message }) => {\n                console.log(Message);\n                setApiErrorMessages(Message);\n                setIsLoading(false);\n            });\n    };\n    const handleSubmitOnClick = () => {\n        handleSubmit(onSubmit)();\n    };\n\n    useEffect(() => {\n        const background = document.createElement('div');\n        background.classList.add('dbe-background');\n        background.style.backgroundImage = `url('${hotel?.heroImage}')`;\n\n        RoomstayThemeEngine.EngineContainer.classList.add('--transparent-bg');\n        RoomstayThemeEngine.EngineContainer.appendChild(background);\n\n        return () => {\n            try {\n                RoomstayThemeEngine.EngineContainer.removeChild(background);\n                RoomstayThemeEngine.EngineContainer.classList.remove('--transparent-bg');\n            } catch (ex) {\n                console.log('Unable to remove bg');\n            }\n        };\n    }, []);\n\n    // TODO: Add a generic handler for this to avoid setting it in every new page\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel?.colors]);\n\n    useEffect(() => {\n        if (hotel?.forwardFindReservationToSynxis) {\n            window.open(`https://be.synxis.com/signin?hotel=` + hotel.hotelID);\n        }\n    }, [hotel]);\n\n    const onBack = async () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    return (\n        <div className=\"u-pad-left u-pad-right\">\n            <div className=\"container u-marg-top--heavy u-pad-bottom--massive\">\n                <form onSubmit={handleSubmit(onSubmit)}>\n                    <div className=\"row u-pad-bottom--massive\">\n                        <div className=\"col-md-6 col-xl-4 u-fill-white u-pad--heavy u-shadow-accent-large\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline size=\"extra-large\">{t(Translation.FindReservation.FindYourReservation)}</Headline>\n                            </div>\n                            <AutoAutoHeight open={!!apiErrorMessages}>\n                                <div className=\"u-flex\">\n                                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                                        <Text type={TextType.Small}>{apiErrorMessages}</Text>\n                                    </Alert>\n                                </div>\n                            </AutoAutoHeight>\n                            <div className=\"u-marg-bottom\">\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                                        <strong>{t(Translation.FindReservation.Confirmation)}</strong>\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    placeholder=\"51244AB23101\"\n                                    required={true}\n                                    validationStatus={getValidationClass('Ref')}\n                                    {...register('Ref', {\n                                        required: true,\n                                    })}\n                                />\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                                        <strong>{t(Translation.FindReservation.EmailAddress)}</strong>\n                                    </Text>\n                                </div>\n                                <TextBox\n                                    placeholder=\"example@mail.com\"\n                                    required={true}\n                                    validationStatus={getValidationClass('Email')}\n                                    name={'Email'}\n                                    {...register('Email', {\n                                        required: true,\n                                        pattern: {\n                                            value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n                                            message: t(Translation.FindReservation.InvalidEmailAddress),\n                                        },\n                                    })}\n                                />\n                            </div>\n                            <div className=\"u-flex justify-content-end w-100\">\n                                <BEButton\n                                    primary={true}\n                                    filled={true}\n                                    mobileWidth={true}\n                                    isLoading={isLoading}\n                                    icon={IconType.ArrowRight}\n                                    iconPosition=\"right\"\n                                    onClick={handleSubmitOnClick}\n                                >\n                                    {t(Translation.FindReservation.FindReservation)}\n                                </BEButton>\n                                <button type=\"submit\" className=\"u-none\">\n                                    {t(Translation.FindReservation.Submit)}\n                                </button>\n                            </div>\n                            <LineBreak />\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.FindReservation.Question)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>{t(Translation.FindReservation.Answer1)}</Text>\n                            <Text type={TextType.Small}>{t(Translation.FindReservation.Answer2)}</Text>\n                            <LineBreak />\n                            <BEButton\n                                textColor={Color.Accent}\n                                primary={false}\n                                filled={false}\n                                mobileWidth={true}\n                                size=\"small\"\n                                icon={IconType.ArrowLeft2}\n                                iconPosition=\"left\"\n                                onClick={onBack}\n                                isText={true}\n                            >\n                                {t(Translation.FindReservation.Back)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/src/pages/findReservation/FindReservationResults.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function FindReservationResults(): JSX.Element;